Spiderbench —— 一款由 Claude 编写的浏览器摆荡游戏

一个非商业粉丝项目兼基准测试。它展示了 Claude（Anthropic 的 AI 模型，通过 Claude Code 工作）能够为在浏览器中运行的实时 3D 游戏产出怎样的代码与美术资产。

代码、着色器、程序化生成的城市、用 Blender 构建的模型以及生成的纹理，均由 Claude 在人类的指导下完成；人类通过反馈和参考图片来引导整个工作过程。

其中包含什么

• 移动玩法： 第三人称蛛网摆荡、跑墙、栖息、拉拽疾行（zipping）与俯冲，由自定义的物理和动画状态机驱动。
• 城市： 程序化生成的曼哈顿风格岛屿，带有精心设计的街道网络，包括百老汇、格林威治村和金融区。拥有数千栋建筑、屋顶、公园、时代广场、桥梁、车流与行人。
• 渲染： 基于 Three.js（WebGL2）的渲染管线，包含级联阴影、屏幕空间全局光照（GI）、环境光遮蔽（AO）与反射、Bloom、TAA、运动模糊、固定时段预设（包括夜晚与雨天），以及有昼夜变化的都市。
• 资产： 角色、载具和行人模型及动画片段由 Blender Python 脚本构建，另含 AI 生成的纹理与广告美术。除 Daily Bugle、Oscorp 等作品宇宙内的 Marvel 名称外，广告中出现的品牌均为虚构。

运行方式

需要 Node.js 20.19+ 或 22.12+，以及支持 WebGL2 的浏览器。建议使用独立显卡。

npm install
npm run dev      # 然后打开 http://127.0.0.1:5173
npm run build    # 在 dist/ 中生成生产构建

操作说明可在游戏内查看（按 H）。在开发服务器上，按 ~ 可打开开发者菜单（在构建版本中，可在 URL 后附加 ?dev）。

免责声明

这是一个非官方粉丝项目，仅作为技术演示。它与 Marvel、Disney、Sony 或 Insomniac Games 没有任何关联，也未获得其认可或赞助。Spider-Man 及相关名称、角色和形象是其各自所有者的商标和受版权保护的材料，本项目不主张对这些内容的任何权利。本项目不出售，且不得再分发或用于商业用途。 参见 LICENSE。

随项目捆绑分发的字体采用 SIL Open Font License，详见 public/assets/ui/fonts/。