Cesium 中如何绘制发光线

要在Cesium中绘制发光线，可以使用Cesium的Primitive类型和ShaderMaterial类型。

以下是一个简单的示例，演示如何使用Primitive和ShaderMaterial绘制发光线：

// 创建一个发光线的Primitive
var glowingLine = new Cesium.Primitive({
    geometryInstances: new Cesium.GeometryInstance({
        geometry: new Cesium.PolylineGeometry({
            positions: Cesium.Cartesian3.fromDegreesArray([
                -75.59777, 40.03883,
                -75.58892, 40.03656
            ]),
            width: 10.0
        }),
        attributes: {
            color: Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.RED)
        }
    }),

    // 使用ShaderMaterial绘制发光效果
    appearance: new Cesium.PolylineMaterialAppearance({
        material: new Cesium.ShaderMaterial({
            fabric: {
                type: 'Glow',
                uniforms: {
                    color: new Cesium.Color(1.0, 0.0, 0.0, 0.5),
                    glowPower: 0.6,
                    taperPower: 0.1
                },
                source: `
                    uniform vec4 color;
                    uniform float glowPower;
                    uniform float taperPower;
                    void main() {
                        float alpha = (1.0 - length(gl_FragCoord.xy / czm_viewport.zw - vec2(0.5, 0.5))) * glowPower;
                        alpha = pow(alpha, taperPower);
                        gl_FragColor = color * alpha;
                    }
                `
            }
        })
    })
});

// 添加Primitive到场景中
viewer.scene.primitives.add(glowingLine);

这个示例创建了一个发光线的Primitive，使用PolylineGeometry来定义线的位置和宽度，使用ColorGeometryInstanceAttribute来定义线的颜色。然后，使用PolylineMaterialAppearance和ShaderMaterial来定义线的外观和材质。ShaderMaterial使用了一个自定义的着色器程序，可以根据距离来计算发光效果的强度，然后将其应用到线的颜色上。

通过这种方式，我们可以在Cesium中创建非常酷的发光效果，比如发光线、发光球等。