01 / 03
楓丹，夜裡
一站接一站，一個長鏡頭：水上巴士總站、拱廊街、歌劇院屋頂。
3D 捲動網站生成器
3D 捲動網站生成器 — 不用寫 Three.js
一句話描述一個地方，捲動讓真實鏡頭穿過去：場景是生成的，每場飛進去，飛出去看不見接縫。不用 Three.js，也不用 GSAP。
由 Scroll World Video 技能驅動。
一句話進去，頁面就捲得像一台攝影機。
Neta Studio 生成每個場景，讓它們共用一套色調，再讓鏡頭在場景之間飛進飛出。發布出來的頁面只負責擦這段素材，所以捲動位置就是攝影機的時間——文字在頁面所在的地方改。
- 是真縱深，不是偽視差 — 場景先生成成靜幀，再由模型把鏡頭飛進去。沒有拿分層 PNG 或 CSS 位移假裝。
- 接縫找不到 — 每個接縫都對齊上一段素材的最後一格，所以整段讀起來是一個長鏡頭。
- 發布之後還能改 — 標題、正文、標籤、場景順序都是普通欄位。改完重新發布，鏡頭不動。
常見問題
這到底是 3D，還是頁面上放影片？
是預先算好的。每個場景是一張生成的靜幀，鏡頭運動是一段生成的影片，捲動位置去擦這段影片。縱深和運動都是真的，一個場景幾 MB——但你不能繞著模型轉，也不能走出這條路線。
需要 Three.js、GSAP 或設計師嗎？
都不用。你只寫一句話。沒有函式庫、沒有時間軸、沒有場景圖，也不用拍攝預算。
第一次打開有多重？
三個場景大約 23–25 MB，頁面打開前有進度條擋著。多加一個場景，大約多等 9 MB。
可以用我自己的照片或品牌嗎？
可以。把圖當參考傳進去，每個場景從圖裡派生，真實的地方能保住它本來的樣子和光。還不存在的世界，一句話就夠了。
做完還能改什麼？
每個場景的標題、一行正文、最多三個標籤，還有場景順序。鏡頭部分保持算好的樣子。
手機上能用嗎？
能打開、能捲，用的是更輕的編碼和居中裁切。擦素材本來就是桌面手勢；網慢的時候，你主要感覺到的是首次載入。
和那種帶捲動動畫的模板有什麼不一樣？
模板動的是你本來就有的元素。這裡場景、縱深和鏡頭路線都是生成的，所以鏡頭能飛過一個根本不存在的地方。
做好的網站放在哪裡？
發布成一個作品，有自己的公開連結。可以直接發、嵌，或者 fork 一份換掉場景。
一句話，一段飛行。
三個場景，一台穿過它們的攝影機，一條能發出去的連結。
×