作業の進め方
Scroll Worldは、スクロール位置が事前にレンダリングされたカメラ飛行を操作するランディングページを作ります。シーンの静止画を動画クリップにし、JavaScriptエンジンがスクロールを再生時間に対応させます。立体的に見える世界は生成された映像であり、編集可能なジオメトリを持つ操作可能なWebGLシーンではありません。持ち運びやすさは、さまざまなフロントエンド構成に組み込める自己完結型のエンジンによるものです。
ソースでは、連続して前進するウォークスルーと、別々のつなぎクリップを使うミニチュア世界の飛行を区別しています。どちらの場合も、似て見える元の静止画を再利用するより、レンダリング済みの境界フレームのほうが重要です。次のクリップは、隣接する実際の映像を条件にする必要があり、つなぎ目の確認も欠かせません。また、モバイル縦向けのチェーンは、デスクトップ版を黙ってトリミングするのではなく、追加のレンダリングコストを伴う別の制作判断として扱います。
想定される成果物
- セクションコピーと最後の行動喚起を備えた、スクロール連動のランディングページ
- 生成したシーンの静止画、カメラクリップ、必要なコネクター
- 最適化した動画アセット、フォールバック用ポスター、クリップ間の切り替えのレビュー
ブリーフからレビューまで
- 01旅を決める
主題、シーンの順序、ブランドキット、アートディレクション、カメラスタイルを設定します。デスクトップのみで制作するか、ネイティブ縦向けも制作するかを確認し、最新のレンダリング見積もりを承認します。
- 02ビジュアルの世界を確立する
共通のビジュアルブリーフで統一感のある静止画を生成します。有料の動画生成を連鎖させる前に、シーン間の一貫性を確認します。
- 03実フレームをつなぐ
前進する旅では、前のクリップの終わりを次のクリップに渡します。空撮のコネクターでは、元のシーン画像ではなく、隣り合う両クリップから得た実際のレンダリング済みフレームを使います。
- 04エンコードしてスクロールをテストする
シーク可能なアセットを用意し、持ち運び可能なエンジンを組み込み、つなぎ目の挙動、逆スクロール、フォールバック用ポスター、モーション低減設定を確認します。縦向けチェーンを依頼した場合は、別途テストします。