大多數網頁遊戲都把程式碼藏起來，這 9 款不會：你可以先線上玩，再打開原始碼看它是怎麼做出來的，在授權允許的範圍內 fork 或改作。9 款都是作者最近用 AI 做的新遊戲，大多用的是 Claude Fable 5.2 和 three.js，所以這些程式碼也能讓你看看 AI 程式模型替一款真正的遊戲寫出來的是什麼樣子。
授權條款以我們在 2026 年 11 月 15 日查看時各專案標示的為準。重複使用任何內容之前，請務必先讀儲存庫裡的授權條款。
一覽
| 遊戲 | 簡介 | 原始碼 | 授權 |
|---|---|---|---|
| Oil Paint | 在油畫般的秋日森林裡散步 | patch.gg/blendi/oil-paint | MIT |
| Painted Valley | 吉卜力風格的手繪山谷 | patch.gg/blendi/painted-valley | MIT |
| Patchwork Quilt | 定格動畫風格的拼布世界 | patch.gg/blendi/patchwork-quilt | MIT |
| Watercolour | 一幅會變成水彩的素描 | patch.gg/blendi/watercolour | 見專案頁面 |
| Small Magic | 第一人稱巫師沙盒 | patch.gg/play/blendi/small-magic | 見專案頁面 |
| Valley Ride | 騎馬奔向夕陽下的營火 | github.com/StarKnightt/valley-ride | MIT |
| Cayley | 有真實機翼物理的飛行模擬器 | github.com/lauramionel/cayley-flight-simulator | MIT |
| Mist-Locked Gate | 一個 HTML 檔裡的武俠動作遊戲 | github.com/op7418/guizang-game-skill | AGPL-3.0 |
| PaletteRider | 在名畫裡騎腳踏車 | github.com/aashishgtbit/PaletteRider | 沒有授權檔案 |
公開的儲存庫如果沒有授權檔案，代表程式碼雖然看得到，但你沒有重複使用它的許可。
Blendi 的手繪世界
Blendi 把這些遊戲發布在 patch.gg 上，每一款都可以直接玩，也可以打開程式碼來看。
Oil Paint
走進一片像是手繪出來的秋日森林：每格畫面大約 150 萬筆筆觸，在瀏覽器分頁裡跑到 200 fps。這是用 three.js 自訂繪畫風格算繪器的一個好例子。
Painted Valley
在一座受吉卜力啟發的手繪山谷裡奔跑，四周是被風吹動的草地、遠方的村莊和巨大的雲朵，光線從正午的藍慢慢變成傍晚的淡紫。用 Claude Fable 5.2 製作。
在一片受吉卜力啟發的手繪山谷裡奔跑，四周是隨風起伏的草原、遠方的村莊和巨大的雲朵，天光從正午的藍漸漸轉為傍晚的淡紫。使用 Claude Fable 5.2 製作。
Patchwork Quilt
帶著一個小布娃娃走過一個用拼布被縫成的定格動畫世界，有毛氈小屋、布做的風車和一條緞帶河。用 Claude Fable 5.2 製作，整張地圖都是程式碼。
帶著一個小布娃娃走過一片用拼布被縫成的定格動畫世界，這裡有毛氈小屋、布做的風車和緞帶河流。使用 Claude Fable 5.2 製作，整張地圖都是程式碼。
Watercolour
帶著一個戴紅色兜帽的女孩走過一幅鉛筆素描，她走到哪裡，哪裡就變成水彩。作者沒有說明用的是哪個 AI 模型。
帶著一個戴紅色兜帽的女孩走進一幅鉛筆素描，她走到哪裡，哪裡就變成水彩畫：隨著你前進，罌粟花草地、河流、柳樹和一棵粉紅色花樹一一綻放出色彩。
Small Magic
一個第一人稱的巫師沙盒：七種法術可以把草地、城堡和巨石陣炸得粉碎。Blendi 說 Fable 5.2 一天就做出了它，沒用任何 3D 模型或材質貼圖，全是程式碼。
第一人稱法師沙盒：用七種法術把草地、城堡和巨石陣炸個粉碎，有大爆炸、奇點、火龍捲，還能讓地上開滿花。Blendi 用 Claude Fable 5.2 一天做完，全部是程式碼，沒有任何 3D 模型和貼圖。
GitHub 上的遊戲
Valley Ride
騎著馬悠閒地穿過一座山谷，在日落時分抵達營火邊，用 three.js 和 WebGPU 製作。用 Claude Opus 5.5 和 Fable 5.2 兩天做成。
Cayley
一款瀏覽器飛行模擬器，有真實的機翼物理、9 架真實飛機，整個地球以 3D 串流載入，由 Claude Fable 5.2 一夜做成。
Mist-Locked Gate（霧鎖山門）
一款武俠動作遊戲，場景是一座被雪覆蓋、燈籠點亮的山中神祠，由 Claude Fable 5.2 一個下午做成，整個遊戲只是一個 HTML 檔。這個儲存庫同時也是一個給 Claude Code 和 Codex 用的 agent skill，用來做這類遊戲，而這款遊戲就是它可以玩的示範。
PaletteRider
在名畫裡騎腳踏車，從保羅·克利的〈城堡與太陽〉到梵谷的〈夜間露天咖啡座〉。用 Claude Fable 5.2 製作，從 3D 城市到音樂都是。程式碼是公開的，但沒有授權檔案。
常見問題
我可以把這些遊戲的程式碼用在自己的遊戲裡嗎？
只能在各自授權條款允許的範圍內使用。MIT 允許你重複使用程式碼，包括商業用途，前提是保留著作權聲明。AGPL-3.0 也允許重複使用，但如果你把修改過的版本當作公開服務來執行，就必須以相同的授權公開你的原始碼。沒有授權的儲存庫不給你任何重複使用程式碼的權利。
玩之前需要下載什麼嗎？
不需要。9 款都在瀏覽器裡執行。原始碼只是給想看看裡面的人準備的。
它們是用什麼做的？
大多數用 three.js 在瀏覽器裡做 3D，多數作者都說是用 Claude Fable 5.2 寫的。想自己做一款，可以看如何用 Claude Fable 5.2 和 three.js 做一款 3D 網頁遊戲。
