看见空间中的关系，理解时间里的变化。用交互模型，展开一堂地理课。
我们的蓝色星球
演示目录 / 地球与宇宙 / 太阳系
预览太阳、行星与轨道关系的整体演示布局。
整体设计定型阶段。后续课程将拥有各自的入口、内容与交互设计。
教学展示模型大小与距离经过展示缩放
地球轨道位于金星轨道与火星轨道之间。图中距离和天体大小均经过展示缩放。
先确定页面体系与视觉规范，再逐课细化。
主页承载演示目录。当前先提供「宇宙探索」和「太阳系」两个空间尺度不同的课程入口。
沿用相同的导航、字号、颜色和控件样式。场景组织、教学内容、标注与操作参数，按每节课分别设计。
宏观课程先建立宇宙、银河系与太阳系位置的尺度关系；太阳系课程只讲整体轨道和行星关系，地球自转、公转等内容后续再单独设计。
本页面是太阳系课程的交互样例，重点是太阳、行星与轨道的整体关系。轨道位置与天体大小经过展示缩放，不是实时星历。
地球日面纹理来自 Solar System Scope，采用 CC BY 4.0。这里使用 Three.js 示例中的版本呈现太阳系里的地球。
三维渲染使用 Three.js（MIT）。正式课程按教学目标分别设计模型、数据与操作。