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

倾斜摄影的光照调整

实景模型的效果一半靠数据,一半靠光。换个光照方向,同一栋楼的层次感完全不同。

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

这个示例在做什么

模型的两个侧面明暗不同,亮度随时间缓慢变化。平行光的方向每帧绕一圈, 受光面变亮、背光面变暗,模型的转折关系因此看得更清楚。

倾斜摄影模型本身带烘焙好的纹理与法向,光源方向会直接影响观感。 正午顶光容易让立面发灰,侧向低角度光则能拉出层次。 scene.light 可以整体替换为 DirectionalLight, 不再受时间与太阳位置影响。

关键接口

接口作用
scene.light全局光源,可换成平行光或太阳光
DirectionalLight.direction光照方向的单位向量
scene.globe.enableLighting让地球表面参与光照计算
model.color / colorBlendMode整体调色,可模拟环境光补偿

可以直接改的地方

位置改什么效果
-0.75(Z 分量)改成 -0.2光更贴近地平线,明暗对比更强
0.00035改成 0固定光照方向
DirectionalLight换成 Cesium.SunLight光照跟随时间变化
model.color设为浅灰整体提亮,弥补背光面过暗

替代说明:官方示例在 ion 的倾斜摄影数据上调光照与着色。 这里用代码生成的模型承载同样的光源逻辑;换成真实模型时, 光照参数与 scene.light 的用法完全一致。