ElyriPlanet
WebGL 实时渲染的轨道视角星球，可在火星、木星与地球间切换：火星上程序化生成的地形与陨石坑缓缓流过；木星的云带随交替急流滑动，大红斑与白卵在湍流中旋转；地球的海陆、云层与投影随自转流动，海面反射出太阳耀斑，夜侧亮起城市灯光。大气单次散射勾勒出发光的边缘，掠射处透出互补色；太阳随指针沿地平线游移。
Customize
地表色
#c1532b暗色地貌
#4e1e12大气色
#f2a57cProps
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
children | ReactNode | — | 叠加在背景之上的内容 |
planet | 'mars' | 'jupiter' | 'earth' | 'mars' | 星球种类，'mars' 为火星、'jupiter' 为木星、'earth' 为地球；切换后地表着色与默认配色随之改变 |
color | string | — | 地表主色（hex）；木星为亮色区带，地球为植被。默认取所选星球的配色 |
terrainColor | string | — | 暗色地貌的颜色（hex）；木星为暗色云带，地球为海洋。默认取所选星球的配色 |
atmosphereColor | string | — | 大气散射色（hex），掠射处会透出它的互补色。默认取所选星球的配色 |
atmosphere | number | — | 大气浓度，0 为无大气。默认取所选星球的预设 |
craters | number | 0.6 | 陨石坑数量与深度，0 为无陨石坑；仅火星生效 |
cityLights | boolean | true | 是否在夜侧显示城市灯光；仅地球生效 |
stars | number | 0.6 | 星空密度，0 为无星星 |
horizon | number | 0.62 | 地平线弧顶距容器顶部的比例 |
speed | number | 1 | 动画速度倍率 |
sun | boolean | false | 是否显示太阳 |
sunPosition | { x: number; y: number } | — | 太阳固定的归一化位置（0-1，原点左上，x 为方位、y 为高度）；设置后不再跟随指针或游移 |
interactive | boolean | true | 太阳是否跟随指针移动 |
className | string | — | 自定义类名 |
依赖
WebGL