Three.js 遊戲原型集

五支不同類型的可玩原型,用來驗證「網頁能做什麼樣的遊戲」。 每一支都是免安裝、開連結就跑;沒有 build 步驟,Three.js 由 CDN 載入。

02 防線是打磨最完整的一支:真實 3D 模型與音效、砲塔升級、打擊回饋。 其餘四支是可玩的原型 —— 核心循環完整、程式骨架可以往上長,但美術與內容量是精簡的。

操作說明都在各自的畫面上。建議用桌機 + 鍵鼠。
01

熔爐 · 光影解謎

推動火盆改變陰影的落點,讓所有感應石沉入黑暗中,門就會開。光線本身就是解謎的工具。

Sokoban 推動 射線遮蔽判定 3 關
02

防線 · 波次生存

俯視角塔防。放置砲塔、升級、擋下十波敵人。真實 3D 模型與音效、打擊回饋、畫面震動、波次大字報。

打磨最完整 真實素材 三級升級 10 波
03

堆疊 · 物理高分

從搖擺的吊臂投放方塊往上疊。疊得越高分數越高,倒了就結束。真實剛體物理。

Rapier 物理 固定時間步 30 秒一局
04

佔地盤 · 多人 .io

拉出一條線再繞回自己的領地,圈住的範圍就是你的。撞到別人的線就出局。

需要開伺服器 Node + WebSocket 附單機 bot 模式
05

品牌互動展示

捲動驅動的 3D 敘事:相機沿關鍵影格移動、熱點標註、配色即時切換。可替換內容的模板。

不是遊戲 捲動驅動 可當接案模板
06

馴獸誌 · 捕捉與養成

回合制戰鬥、五行相剋、捕捉野生生物來培育,打倒敵人掉落隨機詞綴裝備。RO + POE + 魔力寶貝的結合。

最新 24 種生物 隨機詞綴 介面幾乎無文字
—

至尊魔戒(開場 demo)

這一切的起點。程序化生成的精靈文銘文、被火點燃的金戒、電影式運鏡。

氛圍 後製泛光