太空隧道互動式 3D 場景
銀色環狀太空站在黑洞背景前旋轉，隨捲動揭示其線框結構。理論章節與隧道飛行影片引向片尾演職員名單。由 Kimi K3.1 Pro 生成。
Loading preview...
打造一個以捲動驅動空間敘事的 3D 網頁，採用純黑背景與電影感字體。 向下捲動即可進入 3D 場景：細節豐富的銀灰色環狀太空站模型在巨型黑洞吸積盤的背景前緩緩旋轉，搭配線框揭示動畫與光暈後製效果；移動滑鼠可透過慣性旋轉鏡頭。繼續捲動將進入理論章節，文字以視差效果逐字呈現。接著是電影段落：以第一人稱視角的隧道飛行影片全螢幕播放，期間會鎖定捲動，並擷取畫面對比度生成可互動的點線效果。影片結束後，轉入包含演職員名單的尾聲，最後以一句引言收束。 使用 Vite + Three.js（GLTFLoader、EffectComposer、UnrealBloomPass）實作。 本影片的主要模型為 re1monsen 製作的 3D 模型「Space Station 4」，來源為 Sketchfab，並依 CC BY 4.0 授權使用。所有修改、材質、燈光、鏡頭設計及隧道場景均由 K3 創作。
打造一個以捲動驅動空間敘事的 3D 網頁，採用純黑背景與電影感字體。 向下捲動即可進入 3D 場景：細節豐富的銀灰色環狀太空站模型在巨型黑洞吸積盤的背景前緩緩旋轉，搭配線框揭示動畫與光暈後製效果；移動滑鼠可透過慣性旋轉鏡頭。繼續捲動將進入理論章節，文字以視差效果逐字呈現。接著是電影段落：以第一人稱視角的隧道飛行影片全螢幕播放，期間會鎖定捲動，並擷取畫面對比度生成可互動的點線效果。影片結束後，轉入包含演職員名單的尾聲，最後以一句引言收束。 使用 Vite + Three.js（GLTFLoader、EffectComposer、UnrealBloomPass）實作。 本影片的主要模型為 re1monsen 製作的 3D 模型「Space Station 4」，來源為 Sketchfab，並依 CC BY 4.0 授權使用。所有修改、材質、燈光、鏡頭設計及隧道場景均由 K3 創作。
打造一個以捲動驅動空間敘事的 3D 網頁，採用純黑背景與電影感字體。 向下捲動即可進入 3D 場景：細節豐富的銀灰色環狀太空站模型在巨型黑洞吸積盤的背景前緩緩旋轉，搭配線框揭示動畫與光暈後製效果；移動滑鼠可透過慣性旋轉鏡頭。繼續捲動將進入理論章節，文字以視差效果逐字呈現。接著是電影段落：以第一人稱視角的隧道飛行影片全螢幕播放，期間會鎖定捲動，並擷取畫面對比度生成可互動的點線效果。影片結束後，轉入包含演職員名單的尾聲，最後以一句引言收束。 使用 Vite + Three.js（GLTFLoader、EffectComposer、UnrealBloomPass）實作。 本影片的主要模型為 re1monsen 製作的 3D 模型「Space Station 4」，來源為 Sketchfab，並依 CC BY 4.0 授權使用。所有修改、材質、燈光、鏡頭設計及隧道場景均由 K3 創作。
相關推薦
