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