Cockpit LP — シネマティック・シーケンス（雲 → ジェット → コックピット → 起動）

ストーリー

LP 全体のメタファーは「戦闘機のコックピット」。ページを開くと雲の海が流れ続け (シーン 1・7 秒ループ)、スクロールを始めるとジェットが雲を裂いて現れ (シーン 2・8 秒)、暗いコックピットの計器が順に灯り (シーン 3・8 秒)、最後に手袋の指が Keyless AI のキーを押し込んで画面が白く飛ぶ (シーン 4・10 秒)。この白飛びが次のセクションへの受け渡しで、ページ全体の「起動」を担っている。

LP 上では 2〜4 のシーンは再生ボタンで動かない。JavaScript が常時 requestAnimationFrame を回し、各セクションの表示率を 0〜1 に正規化して video.currentTime に書き込む。スクロールを止めれば止まり、戻せば逆再生する。読み手の手の速さがそのまま映像のテンポになる。

作り方

シーン 1 の雲は Kling 3.0 で作った。開始フレームと終了フレームに同じ雲の画像を与えると、最後のフレームが最初に戻る動きを生成してくれるので、クロスフェードなしで継ぎ目なく繋がる。16 秒版は動きが多くて周期が読めてしまい、9.8 秒版でテンポを落とし、最終的に 7 秒の「漂い」に絞った。

シーン 2 のジェットは 2 通りで生成した。静止画を起点にした image-to-video 版と、プロンプトのみの text-to-video 版。どちらも 1920×1080・24fps・8 秒。両方を LP 上で実際にスクロールし、機体の形が崩れず、雲の動きがスクロール速度に自然に追従するほうを採った。シーン 3 は生成した 8.1 秒のカットの冒頭の間をトリミングし、「灯り始め」から「機体が見える」までをスクロール区間に割り当てている。シーン 4 は手の形と指の本数が生成動画で最も崩れやすい部分で、3 回書き出し直して、指が最後まで自然に閉じるテイクを採用した。

通常のエンコードは 8 秒に 1 つしかキーフレームがなく、任意の時刻へのシークにはそこから先を全部デコードしなければならない。それではスクロールに追いつかないので、LP に置く版は全フレームをキーフレームにした「スクラブ専用」の書き出しにしている。ファイルは通常の 3〜4 倍になる。最初の版は画質を優先しすぎてモバイルで重く (10.4 MB)、720p に落として 6 MB 前後に収めた。この費用対効果の線をどこで引くかが、スクラブ動画のいちばんの調整点だった。

このアーカイブの 1 本は、LP に置いてある 4 本を ffmpeg の xfade で 0.6 秒ずつ重ねて連結したもの。LP ではシーン 1 だけがループ再生で、2〜4 はスクロール駆動なので、通しで見られる形はこの記事用に作った。