three-js-web-game - 构建可静态部署的 Three.js 浏览器游戏
使用 Vite、TypeScript 和 Three.js 构建浏览器游戏，涵盖 PBR、IBL、后处理、状态机循环、资源导入和 Chrome 性能目标。
标签
更新于: 2026-10-06能力
典型输入
典型输出
该技能可以做什么
- 搭建 Vite 项目
- 配置 Three.js 渲染
- 应用 PBR 材质
- 设置环境光照
- 添加后处理效果
- 设计状态机循环
- 导入 SVG 和 AI 艺术资源
- 调优 Chrome 性能
- 在浏览器中验证游戏
输入
- 游戏需求
- AI 生成的艺术资源
- SVG 资源
- HDR 环境贴图
- 纹理贴图
- 音频资源
- 参考图像
输出
- Vite TypeScript 项目
- 可运行的 WebGL 浏览器游戏
- 静态生产构建目录
- 可托管的游戏资源
要求
- Node.js
- Chrome
- 支持 WebGL 的 GPU
- npm
- 用于 PowerShell 命令的 Windows 主机