大多数网页游戏都把代码藏起来,这 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 自定义绘画风格渲染器的一个好例子。

Oil Paint
Oil Paint作者 @BlendiByl

一款手绘油画风游戏:每帧约 150 万道笔触,在极光下的雪岭和秋日树林里漫步,浏览器里就能玩。

Painted Valley

在一座受吉卜力启发的手绘山谷里奔跑,四周是被风吹动的草地、远处的村庄和巨大的云朵,光线从正午的蓝色慢慢变成傍晚的淡紫。用 Claude Fable 5.2 制作。

Painted Valley
Painted Valley作者 @BlendiByl

在一片受吉卜力启发的手绘山谷里奔跑,四周是随风起伏的草地、远方的村庄和巨大的云朵,天光从正午的蓝渐渐变成傍晚的淡紫。用 Claude Fable 5.2 制作。

Patchwork Quilt

带着一个小布娃娃走过一个用拼布被缝成的定格动画世界,有毛毡小屋、布做的风车和一条缎带河。用 Claude Fable 5.2 制作,整张地图都是代码。

Patchwork Quilt
Patchwork Quilt作者 @BlendiByl

带着一个小布娃娃走过一片用拼布被缝成的定格动画世界,这里有毛毡小屋、布做的风车和缎带河流。用 Claude Fable 5.2 制作,整张地图都是代码。

Watercolour

带着一个戴红色兜帽的女孩走过一幅铅笔素描,她走到哪里,哪里就变成水彩。作者没有说明用的是哪个 AI 模型。

Watercolour
Watercolour作者 @BlendiByl

带着一个戴红色兜帽的女孩走进一幅铅笔素描,她走到哪里,哪里就变成水彩画:随着你前进,罂粟花草地、河流、柳树和一棵粉色花树一一绽放出颜色。

Small Magic

一个第一人称的巫师沙盒:七种法术可以把草地、城堡和巨石阵炸得粉碎。Blendi 说 Fable 5.2 一天就做出了它,没用任何 3D 模型或贴图,全是代码。

Small Magic
Small Magic作者 @BlendiByl

第一人称法师沙盒:用七种法术把草地、城堡和巨石阵炸个稀碎,有大爆炸、奇点、火龙卷,还能让地上开满花。Blendi 用 Claude Fable 5.2 一天做完,全部是代码,没有任何 3D 模型和贴图。

沙盒3D物理

GitHub 上的游戏

Valley Ride

骑着马悠闲地穿过一座山谷,在日落时分到达篝火边,用 three.js 和 WebGPU 制作。用 Claude Opus 5.5 和 Fable 5.2 两天做成。

Valley Ride
Valley Ride作者 @prasenx

一款悠闲的骑马游戏:骑马穿过群山间的山谷,在日落时分来到篝火旁,用 three.js 和 WebGPU 打造。作者用 Claude Opus 5.5 和 Fable 5.2 两天就做完了,而且开源。

Cayley

一款浏览器飞行模拟器,有真实的机翼物理、9 架真实飞机,整个地球以 3D 形式流式加载,由 Claude Fable 5.2 一夜做成。

Cayley
Cayley作者 @lionel_mora

一款浏览器飞行模拟器:真实机翼物理、9 架真实飞机、整个地球以 3D 实时加载。Claude Fable 5.2 一夜做成。

Mist-Locked Gate(雾锁山门)

一款武侠动作游戏,场景是一座被雪覆盖、灯笼点亮的山中神祠,由 Claude Fable 5.2 一个下午做成,整个游戏只是一个 HTML 文件。这个仓库同时也是一个给 Claude Code 和 Codex 用的 agent skill,用来做这类游戏,而这款游戏就是它可以玩的演示。

Mist-Locked Gate (雾锁山门)

一款武侠动作游戏,场景是雪夜里点着石灯的山门。Claude Fable 5.2 一个下午就做完,整个游戏是一个 HTML 文件。

PaletteRider

在名画里骑自行车,从保罗·克利的《城堡与太阳》到梵高的《夜晚的露天咖啡座》。用 Claude Fable 5.2 制作,从 3D 城市到音乐都是。代码是公开的,但没有许可证文件。

PaletteRider
PaletteRider作者 @Aashish_Tiwari_

骑着自行车进入名画之中,从保罗·克利的《城堡与太阳》到梵高的《夜晚露天咖啡座》,赶在黎明前收集一个个小太阳。从 3D 城市到音乐,全部用 Claude Fable 5.2 打造。

常见问题

我可以把这些游戏的代码用在自己的游戏里吗?

只能在各自许可证允许的范围内使用。MIT 允许你复用代码,包括商用,前提是保留版权声明。AGPL-3.0 也允许复用,但如果你把修改后的版本作为公开服务运行,就必须以同样的许可证公开你的源码。没有许可证的仓库不给你任何复用代码的权利。

玩之前需要下载什么吗?

不需要。9 款都在浏览器里运行。源码只是给想看看里面的人准备的。

它们是用什么做的?

大多数用 three.js 在浏览器里做 3D,多数作者都说是用 Claude Fable 5.2 写的。想自己做一款,可以看如何用 Claude Fable 5.2 和 three.js 做一款 3D 网页游戏。

更多合集:Claude Fable 5.2 游戏在线玩、治愈系网页游戏和免登录的免费网页游戏。