经纬志
首页 / Cesium / 使用示例

半透明地球与地下色

球体正面透明度拉到 0.45 后,球心那颗发光球和另一侧的城市点都露了出来, 滑杆继续调低就几乎只剩轮廓。

CesiumJS 1.121 · 更新 2026-10-28
源码与运行效果
运行效果

三个属性配合

globe.translucency.enabled 是总开关, frontFaceAlpha 控制朝相机那一侧的透明度, backFaceAlpha 控制另一侧。示例给背面留了 0.15, 于是球体不会完全消失,轮廓还在。

globe.undergroundColor 决定透过球体后看到的底色。 设成深蓝黑时像深海,设成浅色时更像玻璃球。

球内物体怎么显示

示例在球心放了一个半径 2200 公里的椭球,材质是橙色。 普通不透明地球会把它完全挡住,半透明后就能直接看到。 另外六个城市点里有三个在背面,同样会透过球体显示。

可调参数

位置改什么效果
透明度滑杆0 到 0.95从全透明到近乎不透明
backFaceAlpha0.15 改成 0背面完全消失,只剩一层壳
undergroundColor换成深紫球内底色改变
球心椭球的半径2200 km 改 4000 km内部球体更贴近地表

透明球体会让深度判断更复杂。球内物体与球面同时在画面里时, 遮挡关系由深度缓冲决定,半透明材质本身不写深度。 需要稳定的前后关系时,把球内物体抬高到地表附近,减少重叠面积。