大多数网页游戏都把代码藏起来,这 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 网页游戏。



