cesium 线段实现涟漪效果

要实现涟漪效果，可以利用Cesium的材质系统以及shader编写来实现。以下是一个简单的示例代码：

// 创建线段
var line = viewer.entities.add({
    polyline: {
        positions: Cesium.Cartesian3.fromDegreesArray([0, 0, 10, 0]),
        width: 5,
        material: new Cesium.PolylineGlowMaterialProperty({
            color: Cesium.Color.BLUE,
            glowPower: 0.2
        })
    }
});

// 设置shader
line.polyline.material.shaderSource = Cesium.PolylineGlowMaterialAppearance.DEFAULT_APPEARANCE.vertexShaderSource;
line.polyline.material.uniforms.color = Cesium.Color.BLUE;
line.polyline.material.uniforms.glowWidth = 0.05;
line.polyline.material.uniforms.glowPower = 0.5;
line.polyline.material.uniforms.taperPower = 0.1;

// 动态修改涟漪效果
viewer.clock.onTick.addEventListener(function(clock){
    var time = clock.currentTime.secondsOfDay;
    var glowPower = Math.max(Math.sin(time), 0);
    line.polyline.material.uniforms.glowPower = glowPower;
});

在上面的代码中，我们首先创建一个线段实体，并设置了它的材质为PolylineGlowMaterialProperty。然后我们通过设置shaderSource和uniforms来控制材质的属性。其中，glowWidth用于控制涟漪的宽度，glowPower用于控制涟漪的强度，taperPower用于控制涟漪的逐渐减弱程度。最后，我们通过监听viewer的时钟事件，动态修改glowPower来实现涟漪效果的动画效果。

需要注意的是，由于涟漪效果是通过shader来实现的，因此需要在支持WebGL的浏览器中才能正常显示。