2

我正在尝试更新铯几何实例的颜色。我目前的代码在 javascript 中工作，但是当我将其转换为 dart 时，它不再工作。如果半透明（在 PerInstanceColorAppearance 中）设置为 false，我尝试更改颜色时的结果是黑色圆圈，如果半透明设置为 true，则没有任何效果。我相信这与我的飞镖转换有关，但无法确定问题出在哪里。

这是正确工作的javascript代码：

var primitive;

<script>
    document.getElementById("test").onclick = function() {myFunction()};

    function myFunction() {
        var attributes = primitive.getGeometryInstanceAttributes('circle');
        attributes.color = Cesium.ColorGeometryInstanceAttribute.toValue(Cesium.Color.fromRandom({alpha : 1.0}));
    }
</script>

<script>
    var viewer = new Cesium.Viewer('cesiumContainer');
    var scene = viewer.scene;

    var circleInstance = new Cesium.GeometryInstance({
        geometry : new Cesium.CircleGeometry({
            center : Cesium.Cartesian3.fromDegrees(-95.0, 43.0),
            radius : 250000.0,
            vertexFormat : Cesium.PerInstanceColorAppearance.VERTEX_FORMAT
        }),
        attributes : {
            color : Cesium.ColorGeometryInstanceAttribute.fromColor(new Cesium.Color(1.0, 0.0, 0.0, 0.5))
        },
        id: 'circle'
    });

    primitive = new Cesium.Primitive({geometryInstances : circleInstance, 
                                     releaseGeometryInstances : false, 
                                     appearance : new Cesium.PerInstanceColorAppearance({
                                                                 translucent : false, 
                                                                 closed : true})});
    scene.primitives.add(primitive);
</script>

这是我对飞镖的转换：

var testPrimitive;
bool myTest = false;

void drawTestCircle() {
    if(!myTest) {
        var scene = _viewer['scene'];

        var color = new JsObject(context['Cesium']['Color'], [1.0, 0.0, 0.0, 0.5]);
        var colorInstance = context['Cesium']['ColorGeometryInstanceAttribute'].callMethod('fromColor', [color]);

        var vertexFormat = context['Cesium']['PerInstanceColorAppearance']['VERTEX_FORMAT'];
        var center = context['Cesium']['Cartesian3'].callMethod('fromDegrees', [-95.0, 43.0]);
        var geometry = new JsObject(context['Cesium']['CircleGeometry'], 
              [new JsObject.jsify({'center' : center, 
                                   'radius' : 250000.0, 
                                   'vertexFormat' : vertexFormat})]);

        var circleInstance = new JsObject(context['Cesium']['GeometryInstance'], 
               [new JsObject.jsify({'geometry' : geometry, 
                                    'attributes' : new JsObject.jsify({'color' : colorInstance}),
                                    'id' : 'circle'})]);

        var appearance = new JsObject(context['Cesium']['PerInstanceColorAppearance'], 
               [new JsObject.jsify({'translucent' : false, 'closed' : true})]);
        testPrimitive = new JsObject(context['Cesium']['Primitive'], 
               [new JsObject.jsify({'geometryInstances' : circleInstance, 
                                    'releaseGeometryInstances' : true, 
                                    'appearance' : appearance})]);

        scene['primitives'].callMethod('add', [testPrimitive]);
        myTest = true;
    } else {
        var attributes = testPrimitive.callMethod('getGeometryInstanceAttributes', ['circle']);

        var color = context['Cesium']['Color'].callMethod('fromRandom', [new JsObject.jsify({'alpha' : 1.0})]);
        attributes['color'] = context['Cesium']['ColorGeometryInstanceAttribute'].callMethod('toValue', [color]);
    }
}

drawTestCircle 在“测试”按钮单击时被调用。我使用的来自 Cesium 的示例代码可在http://cesiumjs.org/2013/11/04/Geometry-and-Appearances/在“更新每实例属性”下找到。最初我认为它与绘制后尝试访问 testPrimitive 有关，但我相信设置“releaseGeometryInstances”应该允许我操纵它。任何想法或建议将不胜感激。

4

0 回答 0