AI 捲動網站

AI 捲動網站 — 捲動就是鏡頭

一句話進去,一個捲動網站出來 —— 三個生成場景,每一站都有大標題,你往下捲,鏡頭就一直往前。 捲動就是鏡頭。

璃月的燈籠夜市,胡桃在烤串攤前,鏡頭已經推近黃昏的片桐高中校門,堀與宮村雨夜的澀谷小巷,釘崎舉著鎚子面對巨大的影子夜晚從廣場看 Aegis Global 大樓,階梯上站著一個披斗篷的人
✦捲動網站
做一個捲動網站:黃昏的璃月港 —— 碼頭與燈籠夜市,三個生成的場景,鏡頭隨捲動推進,發布成一個能傳出去的頁面
三張 16:9 場景、一個捲動引擎、沒有影片檔 —— 整個頁面不到 1 MB。
藍調時刻的璃月港,捲動網站的第一個場景 原神
藍調時刻的璃月港。 你還沒動手,先看到的就是它。
打開這個網站
璃月燈籠夜市裡正在吃串的胡桃 原神
燈籠夜市。 胡桃在烤串攤前;你往下捲,鏡頭就貼著攤位穿過去。
打開這個網站
璃月港上方的露台,月亮照在水面,鐘離與旅行者站在欄杆邊 原神
港口的露台。 第三個場景:月亮、燈籠,還有鐘離和旅行者。
打開這個網站
傍晚六點的片桐高中校門,堀在路燈下等著 Horimiya
片桐高中,六點。 堀在燈下等,宮村慢慢來。
打開這個網站
夕陽下的教室,堀坐在課桌上,宮村站在門口 Horimiya
教室。 捲動讓鏡頭沿走道推進,夕陽把最後一點顏色留在窗邊。
打開這個網站
夜晚的學校天台,兩個學生靠在鐵絲網前,下面是城市燈火 Horimiya
天台。 兩個人靠著鐵網,剩下的話由這座城市說。
打開這個網站
雨夜的澀谷十字路口,虎杖與釘崎從中走過 咒術迴戰
十一點的十字路口。 虎杖和釘崎走進去,像這地方歸他們。
打開這個網站
地鐵站地下通道,五條悟與虎杖,粉紫色霓虹映在磁磚上 咒術迴戰
地下通道。 五條悟繞遠路,霓虹跟著他一路往下。
打開這個網站
澀谷路口旁的下雨小巷,釘崎舉著鎚子面對巨大的影子 咒術迴戰
路口旁的一條小巷。 人群走過去的東西,釘崎替你找到了。
打開這個網站
01 / 03

8b64df6b 8389 418f 87b9 f989679e8a4d

From this page’s own proof set.

8b64df6b 8389 418f 87b9 f989679e8a4dOpen in new tab
Want your own?Make My Own

Neta Studio 做了什麼

你給一個地方和一種氣氛。Studio 寫出場景、生成靜帧,交給你一個頁面:捲動位置決定鏡頭在每個場景裡推進到哪,然後化進下一個場景。沒有時間軸要拖,沒有 GSAP,也沒有鏡頭 rig。

  • 生成的,不是圖庫 —— 每個場景都是為你那句話畫的:碼頭、夜市、天台。沒有素材庫,沒有綠幕。
  • 捲動是唯一的控制器 —— 捲動位置就是鏡頭:推進、偏移,然後下一個場景在同一個標題下浮上來。
  • 一條連結,什麼裝置都開 —— 成品是普通 HTML、CSS 和 MP4,發布後就是一個網址。手機上不用裝 App,也不用外掛。

常見問題

需要會寫程式嗎?

不需要。你描述地方、回答兩個問題,場景和頁面都替你做好。如果你寫程式,發布出來的頁面就是普通 HTML 和 JavaScript,可以自己打開改。

這到底是一段影片還是一個網站?

是一個網站。頁面是 HTML,放你的標題、文案和章節導覽;場景是生成的靜帧,捲動位置決定鏡頭推進到多深。沒有影片檔要載入,所以手機上開得很快。

能有幾個場景?

預設三個,頁面才輕。每多一個場景只多一張圖和一點捲動距離,五個場景也開得很快。想要更多直接說。

可以用我自己的照片或品牌色嗎?

可以。加一張參考圖,或直接描述配色,場景會照著那個感覺畫。標題、文案和章節名都是 HTML,用的就是你的字。

場景之間怎麼過去,會切一下嗎?

鏡頭還在動的時候,前一個場景就化進下一個,所以變化發生在文字底下,而不是一塊黑畫面。看起來是一次連續的移動;沒有硬切,也沒有淡入黑場。

手機上能用嗎?

能用。頁面會切成直式構圖,同一個捲動驅動同一套移動。三個場景的圖加起來不到 1 MB,打開時不用等載入畫面。

發布之後還能改文字嗎?

可以。標題、那行文案和章節名都是 HTML,在發布出來的頁面裡直接改,或回到同一個對話要一版新的。

它做不到什麼?

不能讓你在裡面走動,也不能點開地圖 —— 它是一趟單向的鏡頭飛行。想真正走進去,做一個可行走的三維世界或地圖頁更合適。

從一個地方開始

一個港口、一個校門、一條巷子。一句話就夠 —— 剩下的場景可以邊聊邊加。

×