用於可探索日本郊區街道的 Three.js 提示詞,採用手繪動漫風格
在 Three.js 中建置一條可探索的日本郊區街道,完整 3D 渲染,呈現為手繪動漫背景
視覺方向 → 互動世界
免費 Claude Fable 5 3D 提示詞,覆蓋表現力更強的 Three.js 場景、風格化環境、生成式動態與互動視覺實驗。
複製參考,改編創作
在 Three.js 中建置一條可探索的日本郊區街道,完整 3D 渲染,呈現為手繪動漫背景
用單個提示詞建置一個無限的 Three.js 紙帶機。將靜態的 Pinterest 概念轉換為一個可執行的 3D Web 應用。應用應渲染一條無限滾動的紙帶,並在其表面實時持續列印動態圖片。
建立一個包含 Three.js(CDN)的單個 HTML 檔案,用於一個簡單的體素風格足球動畫。一個方塊風球員帶球過掉 2 名防守隊員,並以壯觀的進球和慶祝粒子得分。球場風格色彩鮮明。僅輸出完整的 HTML 程式碼。
一段電影級 3D 動畫,描繪一架軍用直升機在戰爭期間飛越越南叢林。
在一個 HTML 檔案中,建立一個可玩的黑暗奇幻橫版卷軸遊戲。
The Hype 將 Claude Opus 5、Fable 5、GPT-5.6 Sol 和 Kimi K3 在完全相同的程式化 Three.js 工程任務上進行了比較 每個模型都必須建置: • M4 卡賓槍 • Glock 18C • Steyr TMP
建置一個超逼真的 3D 飛行模擬器。
建置 1:帶有 30 個產品和 30 張生成圖片的電商商店 建置 2:一個互動式 3D 博物館,將將近 1,000 幅真實畫作從維基百科拉取到資料庫中 建置 3:一個 Age of Empires 復刻
用 Three.js 生成一個體驗,讓我可以檢視一個 3D 飛機模型並在其中行走。
製作一個《憤怒的小鳥》復刻遊戲,具有獨特小鳥、多個關卡和機制。
建置一棵 3D 櫻花樹;不要使用任何預製樹木庫;模型必須自行生成結構
這是紐約。一個代理自己建出來的,只用了一條提示詞。我一點都沒動手。我到現在還是無法理解。 幾天前,我看到了人們用 GPT 5.6 Sol 在 Blender 裡建模的帖子,之後就再也沒法想別的了。我必須用真實的東西試試。 我先從自己的房子開始。結果爛得離譜:變形、灰色、像個塑膠模型。 我本可以就此停下。但我開始迭代。 我組裝了一些代理,它們從上千個來源抓取關於這個地方的真實資料。佔地、高度、座標。藉助 Blender MCP + skills + libraries,它們使用 Blender 自己的工具來建置模型。 當系統準備好後,我輸入了一條提示詞:“armá Nueva York” 它返回了曼哈頓。真實尺寸,位置精確到米,完全不用我碰一個頂點。 我沒想到的是,我測試了好幾個模型,在這方面 GPT 5.6 Sol 遠遠勝過 Fable 5。 這隻用了幾天。我還在繼續迭代建築細節。如果你看看我個人主頁上之前的影片,就會發現它在每次更新之間進步了多少。 現在我正嘗試用一條提示詞覆蓋更大的區域並增加更多細節。(如果你瞭解 Blender 裡的紋理和材質,我在聽 🙏) 但真正讓我震驚的不是模型本身,而是之後能開啟的東西。 .blend 檔案是“活著”的。只需幾句話,你就能新增一座新塔樓,移動一條大道,或者把整座城市融合在一起。布宜諾斯艾利斯疊在紐約上方。方尖碑矗立在時代廣場中央。 我不是在建模一座城市。我是在把現實變成一個可以編輯的草稿。 儲存庫 + .blend 在第一條評論裡 👇 我會繼續在這裡發每一步。如果你喜歡它的進展,請關注我,因為我們才剛剛開始。 你想讓我接下來建模哪個城市?
一列未來感磁懸浮子彈列車在透明玻璃真空管中高速穿行。
一個提示,同時發給兩個模型:一個捉迷藏遊戲。變色龍會把自己塗成與牆面相匹配的顏色,而機器人會追捕它。單檔案、可玩、回合制、計分、匹配百分比。不是演示,而是一個完整遊戲。
建置一個 3D Flappy Bird 遊戲。
設計一輛 Jeep 風格的 4x4,並在 Blender 中逐部件組裝,不進行任何手工建模
一個一次性的捉迷藏遊戲:一隻白色變色龍躲在手繪房間裡,把自己塗成與牆面一致的顏色,在機器人搜尋者三次搜查中存活下來。實時畫素差異匹配百分比、五個程式化區域、合成音效、三個計分回合——一個 HTML 檔案,不使用庫。
將一輛 Vespa 125 新增到我的 3D 配置器中,端到端完成。
想看看具體是怎麼實現的?可以篩選含 GitHub 儲存庫的專案,或瀏覽不同模型的原始碼案例。重複使用程式碼前,請先檢視儲存庫授權條款。
瀏覽附帶原始碼的 3D 專案 ↗3D 建置實測
觀看獨立創作者用每個模型完成真實的 3D 建置,再用上方的免費提示詞重現並改造這些實驗。
一次把 Claude Fable 5 當作 3D 建模代理的實測,展示了最佳化視覺提示詞時需要考慮的能力邊界與優勢。
YouTube ↗這份合集有什麼用
這組免費的 Claude Fable 5 提示詞最適合從鮮明的視覺想法出發。現有案例集中在手繪動漫街道、無限紙帶機、超現實建築等方向,美術方向與程式碼實現同樣重要。
可以把每條提示詞當成可重複使用的場景 Brief:保留“世界、鏡頭、燈光、材質、動態”的層級,再替換主體與氛圍。需要原創角色或道具時,可先在 Tripo 生成資產再放入場景。
適用場景
01
把明確的美術方向拆成 Three.js 可執行的鏡頭、燈光、材質和環境指令。
02
建置兼具動態、縱深與鮮明視覺辨識度的氛圍場景,而不是普通 Demo。
03
把靜態視覺參考轉成可探索環境、生成式雕塑或動態裝置。
提示詞寫法
不要只寫一個風格形容詞,要明確視覺參考、色板、表面質感與燈光關係。
描述前景、中景和背景,讓生成的世界擁有景深與明確的鏡頭路徑。
選擇列印、展開、環繞或變形等一個記憶點動作,讓它成為場景中心。
先給出視覺命題,再明確環境、鏡頭行為、燈光、表面處理與一個標誌性動態。本頁提示詞展示了這一結構在真實案例中的用法。
可以。用參考圖確定構圖與氛圍,同時明確互動和景深層級,才能讓結果成為實時場景,而不是平面復刻。