捲動式網站影片產生器

捲動式網站影片產生器,一句話就能生成

一句提示詞生成一個頁面,捲動軸就是播放頭——鏡頭俯衝進場景,再飛出去,落到下一幕,中間沒有切換。

楓丹的夜晚——巡軌船碼頭,為這個頁面在原神世界中生成。在畫面裡捲動,穿過三個場景。

楓丹的夜晚,在這個頁面上、於原神世界中生成。在畫面裡捲動:三個停靠點,三次俯衝,兩處接縫,一段連續的飛行。

捲動這段飛行↗
The Descent——深淵之城,橋與塔橫跨發光的裂谷,螢幕上有章節導覽和場景文案。Scroll of Colossal Things——崖壁鑿成的大佛,耳畔爬滿藤蔓,旁邊是場景文案和資料列。Cronache di Feira e Airalia——天空之城 Airalia,鷹在雲橋間盤旋,左側是義大利文文案。楓丹的夜晚——商店街,生成的影片上疊著場景標題和章節導覽。
✦捲動影片
做一個捲動式網站影片,主題是黎明時的崖邊寺廟——山門、石階、峰頂

由 Scroll World 技能驅動——下面每一帧都出自它。

The Descent——被遺棄的城門。一條點著燈的石廊伸進黑暗,上面有章節導覽、01 / 05、標題和一行文案。The Descent
被遺棄的城門 — 五幕中的第一幕:章節導覽、場景標題和一行文案都以 HTML 疊在影片上,生成之後仍可修改。
The Descent——水晶深淵。石製螺旋橋橫跨泛藍光的裂谷,身後是一道瀑布。The Descent
水晶深淵 — 正在俯衝的螺旋。鏡頭在動,而不是停在一張靜幀上——橋欄掃過,文案保持不動。
The Descent——巨龍聖所。一條龍盤在金堆和龍蛋上,積水的地面上有「再次下潛」按鈕。The Descent
巨龍聖所 — 飛行結束在守護者和「再次下潛」按鈕上。捲動長度由頁面決定,而不是某段影片的長度。
Scroll of Colossal Things——山一樣大的鯨浮在小舟之下,水墨風格,配中文文案和資料列。Scroll of Colossal Things
鯨 — 五章水墨。每幕一張生成靜幀,再接鏡頭運動;資料列和章節標籤都是 HTML。
Scroll of Colossal Things——山脊化成老人的臉,下方是霧與松樹。Scroll of Colossal Things
沉睡的山 — 第二幕沿用第一幕的紙、筆和字體,因為每一張靜幀都從同一張主視覺派生。
Scroll of Colossal Things——高塔沒入霧中,旁邊是龍的尾鰭和一尊石佛。Scroll of Colossal Things
塔 — 豎構圖的主體放進 16:9 畫框:構圖是為頁面選的,所以在筆電上不會出現黑邊。
Cronache di Feira e Airalia——洞穴中的藍色水晶之城,義大利文標題 Feira · la Città di Cristallo。Cronache di Feira e Airalia
費拉,水晶之城 — 一個義大利文版本:標題、正文和導覽全是義大利文。頁面用你要求的語言來寫。
Cronache di Feira e Airalia——黎明時分的山谷、湖泊與森林,上方是義大利文標題 Il Mondo Esterno。Cronache di Feira e Airalia
外面的世界 — 第三幕穿過生成的連接鏡頭走出隧道、進入日光——鏡頭是走出去的,不是切黑。
楓丹的夜晚——巡軌船碼頭,生成的影片上疊著場景標題和章節導覽,為這個頁面而建。Genshin Impact · Fontaine
巡軌船碼頭 — 為這個頁面在原神世界中生成:三幕、三次俯衝、兩個連接鏡頭,發佈成一個捲動頁面。
LIVE PROOF

See the work live.

Open the work and use it here.

See the work live.Open in new tab
Want your own?Make My Own

這是一個可以拖動的影片頁面,不是一段自動播放的片子。

Studio 生成場景、俯衝和接縫,寫好疊加文案,再把頁面發佈出來。交付的是一個靜態網站:影片檔案、一個 HTML、一個很小的捲動引擎。沒有框架,沒有時間軸,沒有匯出步驟——打開連結就能捲。

  • 捲動軸就是播放頭——每個捲動位置對應一帧。節奏由訪客決定,停在半路,鏡頭就停在那裡。
  • 一套光,三幕景——一張主視覺定下色盤和光,每一幕都從它派生,所以第一幕的港口就是第三幕的港口。
  • 文案可以自己改——標題、眉題、資料列和導覽標籤都是頁面裡的 HTML,改字不用重新渲染任何片段。

動手之前,大家會問的問題。

捲動式網站影片產生器是做什麼的?

它生成一個頁面:捲動位置決定一段預先渲染鏡頭飛行的播放進度。你捲動,鏡頭就在生成的場景裡移動——沒有播放按鈕,也沒有時間軸要剪。

這是把我現有的網站錄成影片嗎?

不是。如果你要的是把已有頁面捲動的過程錄下來,請用螢幕錄影工具。這裡生成的是頁面本身,影片在頁面裡,由捲動驅動。

需要 GSAP、After Effects 或剪輯軟體嗎?

不需要。生成過程寫出純 HTML、CSS 和一個小型 JavaScript 捲動引擎,片段由模型生成。結果可以放在任何靜態主機上。

最多能做幾幕?

預設三幕,大約 25 MB 影片。每多一幕就多一次俯衝和一個連接鏡頭,約多 9 MB。這個頁面上的 The Descent 做了五幕。

一次生成要多久?

先出靜幀,最後出片段。三幕的飛行通常一到兩小時完成,取決於影片佇列——這個頁面上的楓丹大約用了 80 分鐘。

手機上能用嗎?

能。觸控捲動驅動同一套引擎,小螢幕可以載入更輕的編碼,讓第一幕更快開始。

接縫真的看不出來嗎?

每個連接鏡頭從上一段俯衝真實的最後一帧開始,到下一段真實的第一帧結束。有些生成會額外加一個很短的溶解作為保險;需要硬接的話,提前說明要帧級一致。

可以用我自己的 IP、畫或文案嗎?

可以。在已有的世界裡生成,角色和建築就會延續;也可以給它一張參考圖。場景標題、正文和導覽標籤都還是可編輯的 HTML。

給一個地方三個停靠點。

按鈕會載入一個港口夜市——魚攤、燈籠巷、屋頂神社。在輸入框裡改地點和停靠點,頁面生成後就能捲。

×