スクロール動画サイト生成ツール、プロンプトひとつで
プロンプトひとつで、スクロール位置が再生ヘッドになるページを作ります。カメラがシーンに潜り、抜けて、次のシーンへ。カットはありません。
フォンテーヌの夜。このページのために原神の世界で生成しました。枠の中でスクロールしてください。三つの停留点、三回の潜行、二つの継ぎ目、ひと続きの飛行です。
Scroll World スキルで生成——下のすべてのフレームがこのスキルの出力です。
The Descent
The Descent
The Descent
Scroll of Colossal Things
Scroll of Colossal Things
Scroll of Colossal Things
Cronache di Feira e Airalia
Cronache di Feira e Airalia
Genshin Impact · FontaineSee the work live.
Open the work and use it here.
再生される動画ではなく、スクロールで動くページです。
Studio がシーン、潜行、継ぎ目を生成し、重ねるコピーを書き、ページを公開します。納品されるのは静的サイトです。動画ファイル、HTML 一枚、小さなスクロールエンジン。フレームワークもタイムラインも書き出しもなく、URL を開いてスクロールするだけ。
- スクロールが再生ヘッド——スクロール位置がそのままフレームに対応します。速さは見る人が決め、途中で止めればカメラもそこで止まります。
- ひとつの光で三つの場面——マスターの静止画が色と光を決め、各シーンはそこから派生します。1幕目の港は3幕目でも同じ港です。
- コピーは自分で直せる——タイトル、眉、数値行、ナビのラベルは公開ページの HTML。文言を変えてもクリップの再レンダリングは不要です。
作る前に、よく聞かれること。
スクロール動画サイト生成ツールとは？
スクロール位置が、あらかじめ生成したカメラ飛行の再生位置になるページを作ります。スクロールするとカメラが生成シーンの中を動きます。再生ボタンも、編集するタイムラインもありません。
自分のサイトがスクロールする動画ですか？
いいえ。既存ページが動く様子を録画したいなら、画面収録ツールを使ってください。ここで作るのはページそのもので、動画はその中にあり、スクロールが動画を動かします。
GSAP や After Effects、編集ソフトは必要？
不要です。生成側が素の HTML、CSS、小さな JavaScript のスクロールエンジンを書き、クリップはモデルが作ります。静的ホスティングならどこでも置けます。
シーンはいくつまで？
既定は三つで、動画はおよそ 25 MB。一シーン増えるごとに潜行と接続が一つずつ、約 9 MB 増えます。このページの The Descent は五幕です。
生成にどれくらいかかる？
静止画が先、クリップが最後。三シーンの飛行は動画の待ち時間次第で、たいてい一〜二時間です。このページのフォンテーヌは約80分でした。
スマホでも動きますか？
動きます。タッチのスクロールが同じエンジンを動かし、小さい画面では軽いエンコードを読み込んで最初のシーンを早く出せます。
継ぎ目は本当に消えますか？
各接続は前の潜行の実際の最終フレームから始まり、次の最初のフレームで終わります。保険として短いディゾルブを足すビルドもあります。完全に一致させたい場合は、フレーム単位で合わせるよう伝えてください。
自分の IP や絵、コピーは使えますか？
使えます。既存の世界の中で作れば配役と建築が引き継がれますし、参照画像を渡すこともできます。シーンタイトル、本文、ナビのラベルは編集できる HTML のままです。
ひとつの場所に、三つの停留点を。
ボタンは港の夜市——魚屋台、提灯横丁、屋上の社——を読み込みます。入力欄で場所と停留点を変えれば、そのままスクロールできるページが返ります。