浏览器里跑的“使命召唤”？这个纯代码生成的3D射击游戏，连一张图片都没用！

昆仑开源易选

2026-07-27 0 81

你敢相信吗？一款具备主机级画质、完整射击机制和动态光影系统的FPS游戏，竟能在网页浏览器中直接运行——而且整个项目没有依赖任何外部图片、模型或音效文件。它完全靠JavaScript实时生成所有视觉与听觉元素：从混凝土墙面的细微裂纹，到阳光穿过薄雾的体积光；从金属锈蚀的物理质感，到开枪时的后坐力震动反馈……全部由算法当场“捏”出来。这不是未来概念演示，而是已在GitHub 开源、真实可玩的技术奇迹。

核心功能

全栈纯程序化渲染：无需加载任何图片或3D模型，所有纹理、网格、动画、音效均在页面加载时由代码实时生成，真正实现“零资源包”启动
影视级图形管线：支持HDR、级联阴影贴图（带PCSS软阴影）、多渲染目标（MRT）预通道、TAA抗锯齿（含YCoCg色彩空间优化）、运动模糊、Karis Bloom泛光、AgX色彩科学合成等专业特性
19种可编程材质系统：涵盖混凝土、砖墙、生锈金属、织物、玻璃等真实表面，支持法线生成、视差遮蔽映射、三平面投影及边缘磨损模拟，所有材质无缝平铺无接缝
动态大气与环境：实时计算大气散射、昼夜时间演进、程序化PMREM环境贴图、体积雾与光束（Light Shafts），让场景呼吸起来
完整第一人称交互：WASD移动、鼠标瞄准、左键射击、右键瞄准镜、空格跳跃、Shift冲刺、Ctrl蹲伏、Q/E侧身、R重载弹匣，操作逻辑贴近主流FPS体验
模块化开放世界雏形：内置约120×120米的 procedurally assembled 市场街道场景，建筑、道路、摊位均由代码组装生成，为后续扩展提供坚实基础

适合哪些人用

这款项目不是给普通玩家“打游戏”用的，而是为三类技术人群量身打造：一是WebGL/Three.js开发者，可深入学习工业级渲染管线如何落地；二是图形学爱好者，能直观理解PBR材质、阴影优化、后处理链等概念的实际编码实现；三是AI与软件工程研究者——项目本身由多个AI代理协同编写（55,000行代码覆盖11个子系统），是探索“AI原生开发范式”的绝佳案例。教育机构也可将其作为计算机图形学、实时渲染或前端性能优化的高阶教学素材。

快速上手

只需几条命令即可本地运行：

确保已安装 Node.js（v18+）
终端执行：git clone https://github.com/mshumer/Claude-of-Duty.git && cd Claude-of-Duty && npm install
启动开发服务器：npm run dev（自动打开 http://127.0.0.1:5173）
点击画面任意位置锁定鼠标，即可开始体验——所有操作均通过键盘鼠标完成，无需额外配置

注意：推荐使用Chrome或Edge最新版，需启用WebGL2支持（现代浏览器默认开启）；首次加载因需生成全部资源，可能耗时5–10秒，请耐心等待。