Cesium JS如何将折线淡化为透明

bcm*_*bcm 6 javascript cesium

我看了一下Material Fade,但效果并不好,我不得不试着找到折线的方向.不确定Fade是否适用于折线20点......

有没有更好的方法来改变每个折线点之间的颜色?

或者使用Material Fade的工作示例非常感谢!

PerInstanceColorAppearance听起来像我正在寻找...但我不知道如何在PolylineCollection中为Polyline实现这个...


如何添加到基元的具有多条折线的折线集合如何转化为示例http://cesiumjs.org/Cesium/Apps/Sandcastle/index.html?src=Geometry%20and%20Appearances.html

    positions = [];
    colors = [];
    for (i = 0; i < 40; ++i) {
        positions.push(ellipsoid.cartographicToCartesian(Cesium.Cartographic.fromDegrees(-100.0 + i, 9.0)));
        colors.push(Cesium.Color.fromRandom({alpha : 1.0}));
    }

    primitives.add(new Cesium.Primitive({
        geometryInstances : new Cesium.GeometryInstance({
            geometry : new Cesium.PolylineGeometry({
                positions : positions,
                width : 10.0,
                vertexFormat : Cesium.PolylineColorAppearance.VERTEX_FORMAT,
                colors : colors,
                colorsPerVertex : true
            })
        }),
        appearance : new Cesium.PolylineColorAppearance()
    }));
Run Code Online (Sandbox Code Playgroud)

我还为每条折线添加了一个生命周期属性,以确定何时需要从折线集合中删除它们.我可能每秒都需要添加和删除许多折线,每条折线都有不同的点.