宇宙探索

宇宙探索

一款基于 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:新增行星/空间站/小行星等实体,音频系统落地,发布流程演练