claude fable5 生成的游戏效果

7 月 11 日
 yidaimaxia

最近 claude fable5 相当聒噪,我用这个模型一句话生成了 20 款经典的 H5 网页小游戏

为了方便大家试玩和研究,我把它们集成到了自己写的轻量级工具站里,并且将每款游戏生成所用到的完整英文 Prompt 提示词完全公开在了游戏详情页,可以使用这个 prompt 在其他模型跑跑看是啥效果。

👉 小游戏在线试玩与 Prompt 传送门: https://www.pokitx.com/zh/html-games

🎮 部分小游戏复刻 showcase: 森林冰火人 (Forest Ice & Fire)

复刻程度:完美还原了双人键盘控制、冰火物理陷阱的碰撞体积判定。 Prompt:我们在详情页附带了引导 AI 编写双人物理按键监听和关卡碰撞图纸的核心 Prompt 。 试玩 & 提示词: https://www.pokitx.com/zh/html-games/senlinbinghuoren 3D 坦克大战 (Tank Battle 3D)

技术要点:利用 H5 Three.js 库,由 AI 一步步生成简单的 3D 渲染器、视角绑定、弹道抛物线以及障碍物碰撞检测。 试玩 & 提示词: https://www.pokitx.com/zh/html-games/tank-battle-3d 小鳄鱼爱洗澡 / 物理引水解谜 (Croc Bath)

技术要点:利用简易的 canvas 粒子物理碰撞系统来模拟水流,实现了经典的物理挖掘和水流汇聚解谜。 试玩 & 提示词: https://www.pokitx.com/zh/html-games/croc-bath 迷你 MOBA (Mini Moba)

技术要点:由 AI 编写的精简寻路算法和技能释放指示器,包含小地图和多技能冷却机制。 试玩 & 提示词: https://www.pokitx.com/zh/html-games/mini-moba 🛠️ 项目多插一句:顺手写了个 100% 离线的极客工具箱 除了这些 AI 游戏之外,由于日常开发中频繁需要对 JSON 进行格式化、校验 JWT 、转 Base64 、合并 PDF 等,但我比较反感每次都把数据上传到某些来路不明的工具站上,非常不安全。

所以顺便做了一个口袋工具箱 (PocketKit),共收录了 114 款高频极客工具:

核心理念:100% 浏览器本地运行( Browser-Local )。使用 Web API 和 WASM 本地处理,不向后台服务器上传任何用户敏感文件或输入,断网也完全可用。 极速收录与适配:为了迎合搜索引擎,全站使用 React 配合打包预渲染( Prerender SSR Fallback ),在无 JS 环境下也拥有极好的 SEO 文本支持。 👉 工具箱传送门: https://www.pokitx.com/zh/tools 💬 讨论与技术交流: AI 在复杂工程、三维渲染和 Canvas 物理引擎上的代码生成上限究竟在哪里?在手搓这 20 款游戏的过程中,我发现复杂的碰撞树和状态机很容易让 AI 发生逻辑混乱,如何通过精细拆分 Prompt 引导 AI 进行模块化编写是目前的核心痛点。

欢迎各位大佬点进去试玩测试,并在游戏详情页的评论区或者 V2EX 贴里留下您的宝贵建议。如果对大家有帮助,欢迎加入书签支持一下!再次感谢!

2153 次点击
所在节点    分享创造
10 条回复
uiosun
7 月 12 日
赤色要塞好玩!哈哈哈,就是喜欢这种 FPS
yidaimaxia
7 月 12 日
@uiosun 还是太粗糙了,而且有点干不过 AI
surunzi
7 月 12 日
完全 AI 生成效果感觉不太行,还是要人工介入才行。这是我用 deepseek 加人工调整搓出来的: https://v2ex.com/t/1225019
yidaimaxia
7 月 12 日
@surunzi 这种简单的游戏,deepseek 就够用,我做的生成游戏的 Agent 遇到复杂的游戏还是不太行,后面可以放出来体验下
surunzi
7 月 12 日
@yidaimaxia 可以研究下怎么快速生成合适的图片资源音效啥的?方块矩形什么的总感觉比较廉价,目前 AI 生成的图很多不能直接用,还要 PS 处理或者找素材下,有点难崩。
yidaimaxia
7 月 12 日
@surunzi 生图基本没什么问题了,音效也很容易解决;现在 AI 直接生成的游戏用到的图都是直接绘制的,所以需要 Agent 告诉 AI 需要哪些资源,然后调用三方工具生成的
surunzi
7 月 12 日
@yidaimaxia 跪求生图跟音效的解决方法...
yidaimaxia
7 月 12 日
@surunzi 根据你的需求写 prompt 去调用生图 API ,音效是一样的道理
Tamamopoi
7 月 13 日
看了下迷你方块世界,真的很震撼。
(更震撼的是 prompt 的专业程度,普通人在 AI 的帮助下也难以写出这么详细的提示词
yidaimaxia
7 月 14 日
@Tamamopoi 要想做的好,就得规范化提示词,结构化;当然也不能否认 claude agent 的强大

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/1226617

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX