AI辅助建模+Three.js实现全程序化生成，《武来》成浏览器端3D动作游戏新范例

一款名为《武来》的3D动作游戏近期在前端开发圈引发关注。它并非出自专业游戏工作室，而是一位独立开发者利用AI辅助建模与纯前端技术栈，在浏览器中从零构建的完整可玩作品。游戏已上线GitHub Pages（arxun.github.io/wulai/），支持PC与手机横屏操作，核心玩法包括连招砍怪、释放技能、召唤SU7载具漂移，且全程无外部美术资源依赖——人物、地形、植被、怪物、特效全部由代码实时生成。

游戏设定于一片260米×260米的黄山山谷场景中，主角“小武”身着红色冲锋衣、手持登山杖，沿蜿蜒步道北行，途中遭遇五类共165只怪物：青石蟹、雾狸、赤鸦、岩灵与山魈，强度随海拔递增。地图两端各设一只Boss：东北角玄甲天魁（4200血）与东南角赤鳞魇龙（4800血）。玩家可通过升级提升攻防血蓝属性，解锁六把武器——从木质登山杖（攻击10）到血棘魔剑（攻击156），数字键1–6切换。

战斗系统设计具备动作游戏特征：连按J键触发“刺→劈→砍→旋”四段连招，空中按J为下砸；E键释放3秒持续回旋斩，K键为高倍率崩击，R键则是招牌大招“武来”——3秒演出后冲击波最远达13米、倍率10倍，落地形成半径6.5米、持续5秒的岩浆坑，范围内敌人持续掉血。操作上，PC端支持WASD移动、鼠标指向锁定目标，手机端采用左下方向盘+右下普攻键+弧形技能布局，双指捏合调节镜头远近。

一个显著特点是载具系统的加入：地图西北角停放一辆SU7，靠近按F上车，PC端按V或手机点“载具”按钮可远程召唤。驾驶时漂移满20米积攒一瓶氮气（上限3瓶），每瓶喷射3秒，速度提升至3倍。这一设计不仅增强趣味性，也体现开发者对交互细节的打磨。

技术实现层面，《武来》完全摒弃传统游戏引擎与美术外包流程。其技术栈为React 18 + React Three Fiber v8 + drei v9 + three.js r168，构建工具采用Vite 5，测试使用Vitest，部署通过GitHub Actions自动发布至GitHub Pages。整个项目包体极小，关键在于“一切程序化生成”：

• 角色建模：主角小武原型源自一张黄山实拍照片。开发者将照片中关键部位（头顶1.78米、眼睛1.598米等）转化为世界坐标锚点表，据此构建身体、手指、嘴唇等结构。建模未采用蒙皮骨骼，而是“几何体挪支点”方案——各部件按世界坐标写死，再整体平移至关节支点并置于可旋转Group中，静止姿态与原始模型逐像素一致；动画仅需旋转Group，避免React重渲染。
• 低多边形风格控制：有机形体（皮肤、五官）使用平滑法线，人造物与植被（衣物、岩石、树木）保持硬边法线，并叠加随机明暗值模拟手工色块感。
• 放样建模与程序化贴图：身体轮廓通过路径放样生成连续曲面，细节由截面profile函数定义；皮肤毛孔、布料纹理则用Canvas现场绘制，与顶点色相乘实现“色块主调+细节纹理”的分层表现。

唯一引入的外部模型是那辆SU7，其余全部由代码即时构造。这种做法极大压缩了资源体积，同时赋予高度可维护性——修改参数即可实时调整美术效果，无需重新导出资源。

值得注意的是，该作的诞生源于一次“token临期”的偶然尝试：开发者因API token即将过期，向友人请教后决定“烧token生成建模”，于是从朋友圈挖取一张照片，输入AI生成基础模型，继而扩展为完整游戏。这一过程凸显了当前AI工具链对个人开发者的赋能潜力——过去需数周完成的角色建模，如今可在几分钟内获得可用雏形。

在WebGL游戏开发领域，Three.js长期作为轻量级3D渲染首选，但受限于性能与复杂交互支持，鲜有完整动作游戏落地。《武来》通过精细的帧同步控制（如步态相位按phase += speed * dt / stride推进）、局部更新机制（useFrame直接写rotation避重渲染）以及低多边形优化策略，成功在普通浏览器中实现60fps稳定运行。尤其在移动端，其横屏适配与触控逻辑经过真机反复调试，解决了诸如触摸事件延迟、陀螺仪干扰等线上环境特有坑点。

行业视角下，《武来》代表了一种新兴的“微游戏”开发范式：以AI为起点降低内容生产门槛，以程序化生成保障迭代效率，以现代前端工程化体系支撑交付质量。它不同于大型3A项目的资产密集型路径，也不止于简单H5小游戏的交互浅层化，而是在有限算力约束下探索3D动作体验的边界。

此类项目虽暂无商业化意图，却为独立开发者提供了可行的技术参照。随着WebGPU逐步普及、AI生成精度持续提升，未来可能出现更多类似“一人一机一浏览器”完成全流程的3D互动作品。《武来》的价值不仅在于成品本身，更在于它验证了一条轻量化、高自主性的3D内容创作路径——当建模、动画、关卡均可编码实现，游戏开发的入口正进一步下沉。