银河系3D

用 Three.js 做的银河系:八大行星按真实顺序公转,可以拖动、缩放并点选天体。2026-11-12

操作:键盘 · 鼠标 · 触屏

Solar System 是一个用 Three.js 做的银河系场景。它是用来试 DeepSeek V4.1 Flash-1017 的:通过 DeepSeek API 和 Claude Code 写完,并用多条提示词约束了各天体的大小和距离,效果还不错。

尺寸、距离和公转周期做了艺术化压缩,方便在一个画面里看全。行星的相对顺序与真实太阳系一致。

提示

画面依赖从 jsDelivr 加载 Three.js。国内网络下这次加载可能比较慢,也可能失败。首次打开时建议先等待 5 秒;如果一直停在封面,刷新页面再试一次。

画面里有什么

  • 太阳和八大行星。太阳有程序化表面、日冕和辉光;行星有各自的纹理,地球带云层和大气,土星、天王星有环。
  • 火星和木星轨道之间有小行星带,远处是星点和星云。
  • 公转、自转和卫星运动可以暂停,速度从 0.2 倍到 4 倍。
  • 点中天体后会出现信息卡,包含中英名称、直径、公转和自转周期、距日距离等,数据标注来自 NASA fact sheet。

操作

操作 键盘 鼠标 触屏
环绕视角 按住拖动 单指拖动
缩放 滚轮 双指捏合
查看天体 点击行星、太阳或标签 轻点天体或标签
返回全景 Esc 点击空白处或关闭按钮 轻点空白处
暂停 / 继续 空格或 P 底部播放按钮 底部播放按钮
显示 / 隐藏标签 L 底部标签按钮 底部标签按钮
复位视角 R 底部复位按钮 底部复位按钮

拖动画面不会误选天体。手机上标签改为中文,信息卡显示在画面上方。

cd ../games