城市脈動
互動式 3D 移動圖譜，呈現 2025 年 1 月紐約市黃色計程車的活動，包含 3D 地圖、可重播的每小時移動、分區檢視，以及與平日或週末平均值的比較。
值得一試的 3D 提示詞案例
61 個可供改編的創作靈感
互動式奇幻圖形展示
一段 Dream Loop Plus 提示詞，用於在瀏覽器中製作 Three.js 奇幻場景，包含等角視角、可控制角色、具反射效果的濕地面，以及環境氛圍動態。作者將其標示為使用 GPT-5.6 Luna xhigh 的展示提示詞；貼文表示，在最佳化流程中由 Astra 負責視覺呈現。
互動式 3D 粒子對撞機
作者建議的起始提示詞：使用單一自包含 HTML 檔案，打造受 CERN 的 LHC 與 ATLAS 啟發的互動式 3D 粒子對撞機。這段內容是用來建構類似作品的提示詞，並未明確聲稱就是展示成果所使用的原始輸入。
沉浸式 3D 稻田網站
用於建立瀏覽器版 Three.js 3D 稻田景觀的提示詞，包含自然風動畫、光照與攝影機模式、響應式控制項、程序化植被，以及即時算圖。
北京天壇祈年殿 TypeScript + Three.js WebGL 專案
根貼展示了使用 GPT-6 Astra 與 Three.js 製作的北京天壇祈年殿 3D 模型及網頁效果；作者後續貼出了用於建立此類專案的完整中文提示詞。
互動式果凍檸檬樹
使用 WebGPU 建立互動式 3D 果凍檸檬樹，包含搖曳的樹枝、可用滑鼠拾取的檸檬，以及擠壓與彈跳物理效果。
工作桌上的機器人寵物
一份詳盡的 Three.js 遊戲規格，描述一隻動作生動、電池電芯清晰可見、可充電並能執行三項物件驅動工作的四足機器人。
Three.js WebGPU 無限微縮街景
建立互動式微縮街景，包含外送自行車、店家、濕滑路面效果、散落的落葉、彎曲世界、像素藝術風格，以及可調整的 Forge 參數。
可互動的手機拆解展示
建立 3D 智慧型手機視覺化，加入可控制分解與重組的滑桿、可選取的元件，以及各部件功能說明。
桌上型電腦的互動拆解圖鑑
製作互動式 3D 網站，將桌上型電腦拆分為 29 個核心零組件。加入拆解動畫及各零件的說明。
可探索的首爾微縮城市
利用開放地圖資料，以 Three.js 製作首爾微縮城市。加入分區導覽、地標飛行巡覽、日夜模式及觸控操作。註明簡化過的建築、估算的高度與資料授權。
可互動的雙環能量核心
在 Blender 中建立能量核心、兩個圓環與金屬底座。連同材質匯出至 Three.js 檢視器，提供旋轉、縮放、自動環繞與脈動效果控制。
把自己的房間變成互動作品集
將自己的房間改造成互動式自我介紹網站。在 Blender 中建立並烘焙場景，再加入咖啡蒸氣、《駭客任務》風格動畫與細微的著色器效果。
以 D4 為靈感的可遊玩公寓
研究 D4 主角的公寓，並重建為可遊玩的 3D 原型。對照參考資料檢查格局與互動，不要直接假定已精確還原。
可互動的 3D 樂團與音訊同步動畫
Astra 受託創作一部原創短篇作品，並打造一個可互動的 3D 樂團，包含音訊驅動動畫、時間跳轉、慢動作、鏡頭控制、MIDI 與原始檔。
沿軌道探索太陽系
使用 Three.js 製作瀏覽器版太陽系探索工具，包含八顆行星與二十顆衛星。提供鏡頭移動及簡化的太空飛行規劃功能。
以生物發光點綴的深海著陸頁
製作深海主題著陸頁，結合 Three.js 水面效果、深色玻璃質感介面與捲動驅動的動態。兼顧 3D 氛圍，以及清楚、能適應不同螢幕的網站互動。
互動式超級高鐵演示
建置互動式 Three.js 超級高鐵演示，展示運輸艙、管道設施及系統中的執行過程。
滾動驅動的 3D 工作室網站
將參考圖轉成 Three.js 場景並融入滾動驅動的工作室網站，協調鏡頭運動、文字排版與章節過渡。
折射玻璃瓶產品敘事
圍繞寫實 WebGL 玻璃瓶建置互動產品網站，採用折射液體、滾動旋轉與醒目文字，同時保證瀏覽器效能。
記憶扭蛋機
建置 3D 記憶扭蛋機，轉動旋鈕釋放記憶，在 Blender 中建模機械結構，為掉落扭蛋新增可信運動和聲音。
動畫引導微縮場景
在 Blender 中建立引導微縮場景，並用 Three.js 呈現，以清晰核心物體和短動畫解釋使用者首次操作。
可拆解的人體解剖模型
製作 3D 解剖網站，讓人體分解成可單獨檢視的結構，使爆炸檢視可導航，並按有意義的系統組織部件。
騎自行車的鵜鶘互動場景
建立一隻在瀏覽器中騎著薄荷綠自行車的 3D 鵜鶘，具備自然踩踏、軌道控制、縮放與可調整速度功能。
把提示詞改成你的創意
說明訪客可以點擊、拖曳或修改什麼，以及相應結果。讓首次互動清楚易懂，同時描述觸控和滑鼠操作。
看教學，動手做
學習案例背後的製作方法。
