Web AnimationVOL.01 / 1:48
sunset-garage-animeサンセット・ガレージ
アニメ版～ 三姉妹とワーゲンの日々 ～
福岡・糸島の海岸沿い。父が35年守ったフォルクスワーゲン専門店を継いだ三姉妹の物語を、ブラウザで再生できるアニメーションPVにしました。動画ファイルではなく、すべてベクター（SVG）とCSSで描いた軽量アニメーションです。
01 / COAST LINE
糸島の海岸線
00:00/01:48
再生後、コントロールの音声をONにすると、ナレーションが流れます。
MP4版を開く（1280×720 / ナレーション入り）Production
SVG + CSS で描くブラウザ再生アニメーション
- 映像
- SVG + CSS（JS が毎フレーム進行度を更新）
- イラスト
- 生成AIで作成したイメージプレートを合成
- 音声
- Amazon Polly（ja-JP ニューラル）
- MP4版
- headless Chrome で1フレームずつ撮影して書き出し
Visuals
本編のカット
受付カウンター
第3カット。フィギュア棚とVWバス。たかこの持ち場です。
受付カウンター（実写トーン）
PV本編では、この実写トーンからアニメへ溶けていきます。
試乗
第9カット。整備の仕上げは、走って確かめること。
ドライバーズシート（切り出し）
元画像から上半身を切り出し、試乗カットのカットインに使用。
ウェルカムカウンター
受付まわりのイメージビジュアル。
※ ビジュアルは生成AIで作成したイメージです。実在の店舗・スタッフの写真ではありません。
Scene List
PVのシーン構成
アニメ版と実写風3DCG版は、同じ台本・同じナレーションで構成しています。
- 01 / COAST LINE糸島の海岸線福岡県糸島市、夕暮れの海岸線。9s
- 02 / SAM'S MOTORSサムズモータース父が35年守った、フォルクスワーゲン専門店。11s
- 03 / WELCOME受付カウンターようこそ、サムズモータースへ。9s
- 04 / THREE SISTERS三姉妹腕は確か、経営は初心者。長女・りさ、27歳。18s
- 05 / OTAKU GIRLたかこの部屋プラモも、ゲームも、SNSも。全部このガレージのため。11s
- 06 / MAINTENANCE整備・リフトアップリフトが上がれば、そこは私の舞台。11s
- 07 / OIL CHANGEオイル交換ドレンボルトを緩める。ここからが本番。13s
- 08 / IGNITIONエンジン始動クルルル……8s
- 09 / TEST DRIVE試乗仕上げは、走って確かめる。8s
- 10 / SUNSETサンセット今日も三姉妹のワーゲンが、海岸線を走っていく。10s
PVの整備シーンは、そのままリアルの54baseです。
フォルクスワーゲンの整備・車検・修理・オイル交換は、福岡市西区のVW専門店 54base へ。 作中と同じく、専用テスターと専門知識でお迎えします。