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

模型自定义着色器

用 CustomShader 改写模型片元着色,实现按高度渐变的外观。

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

挂在哪

模型是 Primitive 的子类,直接给 model.customShader 赋值即可。实体方式加载的模型也有同名属性,写法一致。

可以改什么

czm_modelMaterial 里可改 diffuse、specular、roughness、metallic,还可以在 vertexShaderText 里改顶点位置。

输入含义用途
positionMC模型局部坐标按高度渐变
normalEC相机空间法线自定义光照
material.diffuse漫反射色主着色入口

CustomShader 只影响渲染,不改变拾取结果;需要拾取随颜色变化时,得另外维护要素属性。