claude fable5 生成的游戏效果

yidaimaxia 2026-07-11 22:18 1

最近 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 贴里留下您的宝贵建议。如果对大家有帮助,欢迎加入书签支持一下!再次感谢!

最新回复 (8)
  • uiosun 07-12 08:50
    1
    赤色要塞好玩!哈哈哈,就是喜欢这种 FPS
  • yidaimaxia 楼主 07-12 10:08
    2
    @uiosun 还是太粗糙了,而且有点干不过 AI
  • surunzi 07-12 12:06
    3
    完全 AI 生成效果感觉不太行,还是要人工介入才行。这是我用 deepseek 加人工调整搓出来的: https://v2ex.com/t/1225019
  • yidaimaxia 楼主 07-12 21:40
    4
    @surunzi 这种简单的游戏,deepseek 就够用,我做的生成游戏的 Agent 遇到复杂的游戏还是不太行,后面可以放出来体验下
  • surunzi 07-12 22:23
    5
    @yidaimaxia 可以研究下怎么快速生成合适的图片资源音效啥的?方块矩形什么的总感觉比较廉价,目前 AI 生成的图很多不能直接用,还要 PS 处理或者找素材下,有点难崩。
  • yidaimaxia 楼主 07-12 22:30
    6
    @surunzi 生图基本没什么问题了,音效也很容易解决;现在 AI 直接生成的游戏用到的图都是直接绘制的,所以需要 Agent 告诉 AI 需要哪些资源,然后调用三方工具生成的
  • surunzi 07-12 22:37
    7
    @yidaimaxia 跪求生图跟音效的解决方法...
  • yidaimaxia 楼主 07-12 22:54
    8
    @surunzi 根据你的需求写 prompt 去调用生图 API ,音效是一样的道理
* 帖子来源V2EX
返回