CESIUM例子学习(二)——模型颜色属性

    技术2025-06-27  14

    前面一节搭建了cesium场景并加载了一个飞机模型,同时调整模型的姿态与缩放比例。这一节学习模型颜色属性。主要是调整模型颜色、透明度、颜色混合模式、外轮廓线颜色和外轮廓线宽。

    一、模型颜色与透明度

    模型加载到场景后,如果不设置其颜色属性,它显示出来的就是建模时的材质颜色。如下图:

    设置模型颜色与透明度也很简单,一句话搞定代码如下:

    entity.model.color = Cesium.Color.fromAlpha(Cesium.Color.RED, 1);//设置模型颜色与透明度

    二、颜色混合模式

    cesium模型的颜色混合模式有三种:

     Cesium.ColorBlendMode.HIGHLIGHT;材质与设置颜色相乘得到的颜色。

     Cesium.ColorBlendMode.MIX;材质与设置颜色混合得到的颜色,是怎么混合的,还需要研究源码。

    Cesium.ColorBlendMode.REPLACE;设置颜色替换材质。

    代码如下:

    entity.model.colorBlendMode = Cesium.ColorBlendMode.HIGHLIGHT //设置颜色与原纹理的混合关系

    三种模式的效果如下图:

    结合模型颜色和定时器,可以完成模型高亮闪烁等功能。

    三、外轮廓线颜色和外轮廓线宽

    外轮廓线颜色的设置也很简单,与模型颜色类似,设置模型silhouetteColor属性即可,silhouette其中文意思就是轮廓。设置如下:

    entity.model.silhouetteColor = Cesium.Color.fromAlpha(Cesium.Color.BLUE, 1);//设置模型外轮廓颜色与透明度 entity.model.silhouetteSize = 4;//设置模型外轮廓线宽度

    设置效果如下图:

    Processed: 0.014, SQL: 9