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

环境光遮蔽

一堆立方体挤在一起时,缝隙处本该更暗。环境光遮蔽在屏幕空间里补上这层暗部,让体块关系更清楚。

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

在哪打开

环境光遮蔽是 viewer.scene.postProcessStages.ambientOcclusion 这个内置阶段,把 enabled 设为 true 即可,不需要自己写 shader。

uniforms 里的 intensity、bias、lengthCap、stepSize 决定遮蔽的浓淡和采样范围。

只留遮蔽图

把 ambientOcclusionOnly 设为 true,画面只剩灰度的遮蔽结果,用来检查遮蔽范围是否合理,再关掉它回到正常渲染。

可以直接改的地方

位置改什么效果
ambientOcclusion.uniforms.intensity0 到 10遮蔽浓淡
ambientOcclusion.uniforms.stepSize调大采样更粗、更快
ambientOcclusion.enabledfalse直接关掉

效果和距离有关:环境光遮蔽依赖屏幕空间深度,模型贴得太远或太近时效果会变弱,观察距离保持在几十米到几百米之间比较稳定。