专业打造沉浸式3D第一人称射击游戏，涵盖武器模型、AI敌人、…

# Three.js 网页版 FPS 游戏开发指南

一、项目结构与技术栈

• 核心：Three.js（建议用 CDN 引入 r150+ 版本）
• 交互控制：PointerLockControls 实现鼠标视角锁定
• 文件组织：index.html / main.js / enemies.js / weapon.js / level.js 分模块管理

二、实验室场景搭建

• 地面与墙面：BoxGeometry + MeshStandardMaterial（金属灰、白色瓷砖质感）
• 实验台：多个立方体组合，加入玻璃容器（透明材质 MeshPhysicalMaterial）
• 光照：环境光 + 若干 PointLight 模拟顶灯，加雾效增强氛围
• 碰撞体：用简单的 AABB（Box3）包围墙和桌子，防止穿模

三、AK-47 步枪模型（第一人称视角）

• 无外部模型文件时，可用组合几何体拼装：枪身、弹匣（弧形用多个倾斜 Box 近似）、枪托、准星、握把
• 将枪体 add 到相机子对象，固定在屏幕右下角
• 开火效果：
• 枪口火光：短暂显示发光 Sprite + PointLight 闪烁
• 后坐力：射击时枪体上移 + 相机轻微上抬，用缓动函数恢复
• 枪声：Web Audio API 生成噪声脉冲（无需音频文件）
• 弹道：使用 Raycaster 从相机中心发射检测命中

四、AI 士兵系统（10个）

• 模型：胶囊体身体 + Box 头部四肢的简易人形，颜色区分
• 巡逻状态机：
• PATROL：在预设路径点间用 lerp 移动
• CHASE：玩家进入视野距离且视线无遮挡（Raycaster 检测）时追击
• ATTACK：进入射程后朝玩家开火（随机散布弹道，造成扣血）
• HURT/DIE：受击扣血、死亡后倒地淡出
• 状态切换用简单有限状态机（FSM）实现，每帧更新

五、玩家系统

• WASD 移动 + Shift 奔跑 + 空格跳跃（重力模拟）
• 血量 HUD、准星、弹药计数（HTML/CSS 覆盖层）
• 弹药耗尽按 R 换弹（播放换弹动画：枪体下移旋转）

六、性能优化建议

• 敌人模型共享几何体与材质（geometry 复用）
• 阴影只给关键光源开启，限制 shadow.mapSize
• 命中检测只对存活敌人的包围盒做相交测试

七、验证方式

• 用 npx serve 本地起服务后浏览器打开，点击画面锁定鼠标即可游玩
• 建议开发顺序：场景 → 玩家控制 → 枪械 → 敌人AI，逐步调通

如需完整可运行代码，告诉我你要优先实现的模块，我可以逐段输出。