Three.js建模

Prompt

你是一名资深游戏引擎与WebGPU图形开发工程师，请设计并实现一个完整的网页端3D实时渲染游戏Demo，用于测试AI模型在大型前端图形项目中的代码生成、系统设计、图形学理解和工程实现能力。请使用Three.js作为核心渲染框架，构建一个具有商业级视觉效果的第一人称探索体验。项目主题为“未来科幻废弃空间站”，玩家将在一个巨大的失重轨道空间站内部探索，场景需要包含复杂建筑结构、金属墙体、玻璃舱门、能源设备、损坏机械、漂浮物体、动态照明以及真实空间尺度。禁止过暗！项目必须采用现代PBR实时渲染流程，实现基于物理的材质系统，包括金属度、粗糙度、法线贴图、环境反射、HDR环境光照、IBL图像光照、实时阴影、Tone Mapping、曝光控制、Bloom、环境光遮蔽、屏幕空间反射以及高质量后处理效果。需要设计自定义GLSL Shader，例如能源核心发光效果、玻璃折射效果、全息投影效果、扫描线效果或空间雾效果，以测试对底层GPU渲染流程的理解。场景需要具备程序化生成能力，利用随机种子生成不同区域，包括走廊、控制室、能源室、仓库和维修区域，并通过Chunk加载系统动态管理世界，根据玩家位置实时加载和卸载场景资源。玩家控制需要实现完整第一人称系统，包括鼠标视角控制、WASD移动、跳跃、重力模拟、碰撞检测、角色胶囊体检测、移动平滑以及相机动画。加入简单物理系统，实现漂浮物体、碰撞反馈、可移动物体和空间站低重力环境。需要设计完整资源管理方案，包括模型加载、纹理缓存、异步加载、GPU资源释放和性能监控。优化目标是在普通桌面浏览器环境下稳定运行60FPS，需要合理控制Draw Call，使用InstancedMesh、LOD、GPU粒子系统、对象池和空间分区技术。项目需要具备游戏化元素，例如交互按钮、开关设备、动态门禁、环境音效接口以及任务目标系统。要求代码采用专业工程结构，例如src目录划分渲染系统、场景系统、物理系统、输入系统、资源管理系统和UI系统，避免所有代码堆积在单文件中。输出时首先分析整体架构设计，包括渲染管线、数据结构、性能策略和模块划分，然后生成完整项目代码，最后说明运行方式、优化方案和未来扩展方向。如果输出长度有限，请优先实现核心系统：Three.js PBR渲染、第一人称控制、程序化空间生成、Shader效果、物理交互和后处理。不要提供概念Demo或伪代码，必须尽可能生成真实可运行项目，并体现对现代游戏引擎架构和实时图形技术的理解。

A system prompt was added to support web rendering