大数跨境

手把手教你用 Fable 5.2 做个精致的 HTML 的 3D 动作游戏

手把手教你用 Fable 5.2 做个精致的 HTML 的 3D 动作游戏 歸藏的AI工具箱
2026-11-12
0
导读:Fable 5.2 做游戏的太牛逼了,4.5 亿 Token 整了这么离谱的东西出来。

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”。该技能包具备以下功能:

1

需求澄清:明确参考风格、视角及可用工具,避免盲目开发。

2

自动化推进:自行截图核对画面,减少人工调试频次。

3

内置最佳实践:集成战斗手法与打击感优化逻辑。

4

避坑指南:提供 AI 开发常见问题清单。

5

极致优化:指导如何将大型素材压缩至最小体积。

使用该 Skill 可显著减少因返工造成的 Token 浪费,尤其适用于高昂的大模型调用场景。用户只需提供链接并安装即可使用。


网页游戏的复兴契机

此次实践揭示了网页游戏回归的可能。网页作为最便捷的分发载体,配合极致的资源优化技术(如将大型游戏压缩至几百 MB),能够满足用户“即点即玩、无需注册”的需求。此前《GTA5》网页版的短暂流行也印证了市场对此类体验的渴望。

随着技术门槛降低,未来可能出现类似“4399”的 HTML 游戏平台。虽然开发者数量激增可能导致竞争加剧,但正如网文与短剧行业所示,低门槛将促进整体内容质量的提升,并涌现出更多创新作品。技术赋能下,具备优质创意的人才将更容易实现想法。

感兴趣的用户可通过以下链接体验游戏及获取开发工具:

  • 游戏试玩:https://op7418.github.io/guizang-game-skill/
  • Skill 源码:https://github.com/op7418/guizang-game-skill
【声明】内容源于网络
0
0
歸藏的AI工具箱
1234
内容 266
粉丝 1
歸藏的AI工具箱 1234
总阅读8.3k
粉丝1
内容266