Cesium：矩形实体上的自定义材质

我正在尝试添加一个具有多种不同属性的实体，例如材质（主要是 alpha）和旋转。矩形图形已覆盖旋转，并且在我设置材质来表示纹理时起作用。

viewer.entities.add({ 
  name: 'Site Layer', 
  rectangle: { 
    coordinates: rectangle, 
    material: 'Image.jpg', 
    rotation: Cesium.Math.toRadians(13)     
  }
});

但是，当我尝试使用自定义材质（使用https://github.com/AnalyticalGraphicsInc/cesium/issues/2484 https://github.com/AnalyticalGraphicsInc/cesium/issues/2484）它显示为白色纹理而不是所需的结果......类似于：

material = new Cesium.Material({
    fabric : {
        type : 'Color',
            uniforms : {
                image : 'Image.jpg',
                alpha : 0.5
            }
             components : {
                 diffuse : 'texture2D(image, materialInput.st).rgb',
                 alpha : 'texture2D(image, materialInput.st).a * alpha'
            }
        }
    }
);
viewer.entities.add({ 
  rectangle: { 
    coordinates: rectangle, 
    material: material,
    rotation: Cesium.Math.toRadians(13)     
  }
});

阅读文档，矩形中的材质似乎是 Cesium.MaterialProperty 而不是 Cesium.Material ...这是否意味着我不能简单地将材质分配给矩形？如果没有，我可以以某种方式将材质包装在自定义的 MaterialProperty 中以使其工作吗？

出于好奇，为什么 Material 和 MaterialProperty 之间的功能存在差异？

附注GroundPrimitive 对我不起作用，因为我需要支持的主要浏览器之一（Safari）报告 GroundPrimitives.isSupported = false

也发布在这里https://groups.google.com/forum/#!topic/cesium-dev/1IPjHD7G_NA https://groups.google.com/forum/#!topic/cesium-dev/1IPjHD7G_NA

汉娜在论坛上回答了这个问题。我将在下面复制她的答案，但首先我将添加我自己的注释，说明原因MaterialProperty不同于Material.

The Property版本，像所有一样铯实体属性 http://cesiumjs.org/Cesium/Build/Documentation/Property.html?classFilter=property，旨在描述当 Cesium 动画时某些事物的定义如何随时间变化。例如，一个MaterialProperty可以在一个时间间隔期间指示纯色，并且在单独的时间间隔期间指示条纹材料。实际底层Material可能会被破坏，并因此在动画期间创建替代品。

对于您的情况，如果您确实需要自定义构建的材质，当前最好的选择是避免实体 API 及其时间动态属性，而只使用带有Material直接上课。但正如 Hannah 指出的那样，您不需要它来进行简单的图像 Alpha 混合。汉娜写道：

这应该在即将发布的版本 (1.16) 中修复 您可以使用此代码制作半透明图像：

var viewer = new Cesium.Viewer('cesiumContainer');
viewer.entities.add({
    rectangle: {
        coordinates: Cesium.Rectangle.fromDegrees(-125,30,-110,40),
        material: new Cesium.ImageMaterialProperty({
            image: '../images/Cesium_Logo_Color.jpg',
            alpha: 0.5
        }),
    }
});