Fable 5.2 发布后,其生成的单网页射击游戏凭借不足 2MB 的体积和纯代码生成的资产震惊业界。受此启发,作者尝试利用类似思路,耗时约 6 小时、消耗 4.5 亿 Token,打造了一款精细的 3D 国风仙侠动作游戏。
该游戏完全由 AI 自主完成创意与制作,无需人工干预具体设计,最终呈现为一个适配多端、打开即玩的单 HTML 文件。
这是一款俯视角 3D 仙侠动作游戏,包含小怪、Boss、剧情及配音,场景精美。单个 HTML 文件即可在电脑、手机甚至受限环境中流畅运行,展现了 AI 在游戏开发领域的惊人潜力。
核心亮点解析
该作品之所以引人注目,主要得益于以下四个维度的突破:
1. 精细的 3D 渲染效果
游戏场景包含随风起伏的草地、分层雾气、雪景及远山,Boss 战场地水面反光逼真。AI 基于 WebGL(而非 WebGPU)自主搭建了一整套渲染流程,涵盖调色、光照及特效,确保了在各类设备上的广泛兼容性。
2. 高质量的视觉资产
游戏内含 5 个角色模型、2 把武器、11 种场景道具及多种掉落物。资产生成采用“即梦出图 + Tripo 转 3D”的全自动流程,提示词编写、标题题字均由 AI 独立完成,无人工干涉。
3. 丰富的动作交互
游戏具备完整的 Demo 级体验:主角拥有三段连招、闪避、格挡、弹反及处决机制;支持喝药、御剑飞行及大招“万剑归宗”。Boss 拥有二阶段形态、过场动画及台词,打击感表现出色。
4. 极致的单文件打包
所有音乐、音效、配音、模型及贴图均打包进一个约 30MB 的网页文件中。相比近 100MB 的原始素材,AI 实现了大幅压缩且未显著损失质量,极大地降低了分发门槛。
并非“一句话”生成的奇迹
与纯代码生成的射击游戏不同,涉及复杂资产的游戏无法仅靠单次提示完成。作者在 6 小时内进行了 7 轮迭代,每轮提出 5-10 个具体问题(如动作僵硬、打击感差等)。AI 能将模糊反馈转化为专业术语,查询最佳实践并自行修正。
关键优化策略包括:
- 提供参考视频作为基准;
- 要求“先调研再执行”,借鉴行业成熟方案;
- 抑制 AI 重复造轮子的倾向,接入即梦和 Tripo 等专业工具提升资产质量。
AI 游戏开发全流程揭秘
该项目的制作流程可分为五个阶段:
第一步:调研与规划
AI 阅读了大量游戏案例及源码,输出调研文档与分阶段开发计划,确保技术路线可行。
第二步:设定与资产生成
世界观(如剑宗封山、镇岳大阵)由 AI 自主构建。资产生成从“文字直接转 3D”优化为“即梦绘图 + Tripo 建模”,显著提升了模型质量。
第三步:动作计算
针对 Tripo 预设动作不足的问题,AI 通过程序算法精确计算肢体运动轨迹,强化了动作游戏的灵魂——打击感。
第四步:调手感与特效
为解决初期手感生硬问题,AI 调研了俯视角动作游戏的设计规范,引入了蓄力、顿帧、怪物轮流进攻及闪避打断等机制,大幅提升战斗体验。
第五步:声音与打包
配音采用即梦模型生成 8 条台词,配乐由 Suno 根据 AI 编写的提示词生成。最终,所有素材被高效压缩至单一网页文件中。
标准化流程封装:Game Skill
为降低试错成本并节省 Token,作者将上述流程封装为“歸藏 Game Skill”。该技能包具备以下功能:
需求澄清:明确参考风格、视角及可用工具,避免盲目开发。
自动化推进:自行截图核对画面,减少人工调试频次。
内置最佳实践:集成战斗手法与打击感优化逻辑。
避坑指南:提供 AI 开发常见问题清单。
极致优化:指导如何将大型素材压缩至最小体积。
使用该 Skill 可显著减少因返工造成的 Token 浪费,尤其适用于高昂的大模型调用场景。用户只需提供链接并安装即可使用。
网页游戏的复兴契机
此次实践揭示了网页游戏回归的可能。网页作为最便捷的分发载体,配合极致的资源优化技术(如将大型游戏压缩至几百 MB),能够满足用户“即点即玩、无需注册”的需求。此前《GTA5》网页版的短暂流行也印证了市场对此类体验的渴望。
随着技术门槛降低,未来可能出现类似“4399”的 HTML 游戏平台。虽然开发者数量激增可能导致竞争加剧,但正如网文与短剧行业所示,低门槛将促进整体内容质量的提升,并涌现出更多创新作品。技术赋能下,具备优质创意的人才将更容易实现想法。
感兴趣的用户可通过以下链接体验游戏及获取开发工具:
- 游戏试玩:https://op7418.github.io/guizang-game-skill/
- Skill 源码:https://github.com/op7418/guizang-game-skill

