银河系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 |
底部复位按钮 | 底部复位按钮 |
拖动画面不会误选天体。手机上标签改为中文,信息卡显示在画面上方。