宇宙探索
一款基于 Babylon.js 的 3D 宇宙探索网页游戏,驾驶飞船在星空中自由飞行,支持 WebGPU 高性能渲染、中英双语与响应式界面。
2026/4/23宇宙探索
github仓库地址: https://github.com/Ztachi/strawberrybear-tools/tree/main/apps/universe-explorer
技术栈
Vue 3.5 + Vite 8 + TypeScript 6 + Babylon.js 9.4(WebGPU 优先 / WebGL 自动降级)+ Tailwind CSS 4 + Pinia 3 + vue-i18n 11
核心特性
- 语义输入抽象:WASD + Q/E 上升下降 + 鼠标视角 + Shift 加速,输入与设备解耦,未来可扩展手柄/触屏
- 移动策略可切换:当前 MVP 采用
PlayerMoveSpaceService(直接移动飞船),未来可切换WorldRebaseSpaceService(Origin Rebasing)以支持超大宇宙场景下的浮点精度问题 - 架构模式:
System(逻辑)+Entity(对象)+Service(能力)+Interface(契约),UI 层(Vue)与游戏引擎层(Babylon.js)完全解耦 - 音频系统:游戏核心层管理音频状态,UI 层仅通过 Pinia 控制开关与音量
操作说明
WASD— 前后左右移动Q / E— 上升 / 下降Shift— 加速- 鼠标点击 — 锁定视角旋转
ESC— 释放鼠标
未来计划
- Sprint 1:补齐核心单元测试、HUD 可观测性(FPS/坐标/渲染后端)
- Sprint 2:新增
GamepadInputService手柄支持,输入源热切换与灵敏度配置 - Sprint 3:落地
WorldRebaseSpaceService,验证 Origin Rebasing 与相机跟随联动 - Sprint 4:新增行星/空间站/小行星等实体,音频系统落地,发布流程演练

