cesium单个模型高亮闪烁材质

### Cesium 中单个 3D 模型的高亮闪烁效果

为了实现在 Cesium 中对单个 3D 模型应用高亮并使其闪烁的效果，可以采用两种主要方法：一种是针对 `Cesium.Entity` 对象的操作；另一种是对 `Cesium3DTileFeature` 的操作。下面分别介绍这两种情况下的解决方案。

#### 修改 Entity 实体的颜色以实现高亮和闪烁

对于由 `Entity` 表示的对象来说，可以通过调整其材质属性来改变外观。要让模型既变色又闪动，则需利用时间函数控制透明度的变化。这里给出一段 JavaScript 示例代码展示如何做到这一点：

// 假设已有一个名为 'entity' 的实体实例被加载到了场景中
var originalMaterial = entity.model.material; // 记录原始材料以便恢复

function createBlinkingHighlight(entity, duration) {
    var startTime = new Date().getTime();
    
    function update() {
        var currentTime = (new Date().getTime() - startTime) % duration;
        var alpha = Math.sin((currentTime / duration) * Math.PI); // 创建一个0到1之间的波动值
        
        if (!entity.isDestroyed()) { // 确保实体仍然存在
            entity.model.color = Cesium.Color.WHITE.withAlpha(alpha);
            
            requestAnimationFrame(update);
        }
    }

    update(); // 开始动画循环
    
    return function stopBlinking() {
        if (!entity.isDestroyed()) {
            entity.model.color = undefined; // 清除自定义颜色设置
            entity.model.material = originalMaterial; // 还原初始材质
        }
    };
}

createBlinkingHighlight(entity, 1000 /* ms */);

这段脚本创建了一个持续更新的方法链，它每帧都会重新计算当前的时间进度，并据此调整目标实体的颜色透明度，从而形成闪烁视觉效果[^3]。

#### 使用 Cesium3DTileFeature 处理 3D Tiles 数据集内的特征

当处理的是来自 3D Tiles 数据集中的一部分时（即 `Cesium3DTileFeature`），则应直接作用于该特性而非整个图层或瓦片集合。同样地，我们也可以通过周期性更改色彩的方式来达成同样的目的：

// 获取选中的tile feature对象
viewer.screenSpaceEventHandler.setInputAction(function(click){
    var pickedObject = viewer.scene.pick(click.position);

    if(Cesium.defined(pickedObject)){
        var tileFeature = pickedObject.feature;

        // 定义闪烁逻辑...
        var initialColor = Cesium.clone(tileFeature.color, new Cesium.Color());
        
        function toggleHighlight(){
            if(!viewer.destroyed && !tileFeature.tileset._destroyed){
                let now = performance.now();

                const blinkDuration = 500; // milliseconds
                
                let t = ((now % blinkDuration)/blinkDuration)*Math.PI*2;
                
                let colorValue = Math.abs(Math.cos(t));
                
                tileFeature.color = Cesium.Color.fromBytes(
                    ...initialColor.toBytes(),
                    colorValue * 255
                );

                window.requestAnimationFrame(toggleHighlight);
            } else{
                console.log('Viewer or Tile Feature destroyed');
            }
        };

        toggleHighlight();
    }
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

此段代码监听鼠标左键点击事件，一旦检测到用户选择了某个特定的三维瓷砖元素(`Cesium3DTileFeature`)，就会启动一个定时器不断切换所选项目的不透明度，以此模拟出闪烁现象[^2]。