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

时间:2014-03-10 23:56:42

标签: 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()
    }));

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

0 个答案:

没有答案