Cesium.Primitive 讲解 及如何自定义创建

Cesium.Primitive是Cesium.js中的一个重要概念，它是一种基本几何体，可以用于表示三维场景中的各种元素。通常情况下，Primitive对象包含一些几何形状、材质和变换信息等。

Cesium.Primitive的创建一般有两种方式：一种是使用Cesium.js中已经定义好的几何图元，例如Box、Sphere、Cylinder等，另一种则是自定义创建。

自定义创建Cesium.Primitive的主要步骤包括：

1. 创建Geometry对象：Geometry对象定义了几何体的形状和拓扑结构等信息。

2. 创建Appearance对象：Appearance对象定义了几何体的材质和渲染方式等信息。

3. 创建Primitive对象：使用上述创建的Geometry和Appearance对象，创建Primitive对象，并设置其位置、变换等信息。

下面是一个自定义创建Cesium.Primitive的示例代码：

// 创建Geometry对象
var positions = Cesium.Cartesian3.fromDegreesArray([
  0.0, 0.0,
  10.0, 0.0,
  0.0, 10.0
]);
var indices = [0, 1, 2];
var geometry = new Cesium.Geometry({
  attributes: {
    position: new Cesium.GeometryAttribute({
      componentDatatype: Cesium.ComponentDatatype.DOUBLE,
      componentsPerAttribute: 3,
      values: Cesium.Cartesian3.fromDegreesArray([
        0.0, 0.0,
        10.0, 0.0,
        0.0, 10.0
      ])
    })
  },
  indices: indices,
  primitiveType: Cesium.PrimitiveType.TRIANGLES
});

// 创建Appearance对象
var material = new Cesium.Material({
  fabric: {
    type: 'Color',
    uniforms: {
      color: new Cesium.Color(1.0, 0.0, 0.0, 1.0)
    }
  }
});
var renderState = Cesium.RenderState.fromCache({
  depthTest: {
    enabled: true
  },
  lineWidth: Math.min(5.0, context._maxAliasedLineWidth),
  polygonOffset: {
    enabled: false,
    factor: 0.0,
    units: 0.0
  },
  scissorTest: {
    enabled: false,
    rectangle: {
      x: 0,
      y: 0,
      width: 0,
      height: 0
    }
  }
});
var appearance = new Cesium.Appearance({
  material: material,
  vertexShaderSource: vertexShaderSource,
  fragmentShaderSource: fragmentShaderSource,
  renderState: renderState
});

// 创建Primitive对象，并添加到场景中
var primitive = new Cesium.Primitive({
  geometryInstances: new Cesium.GeometryInstance({
    geometry: geometry
  }),
  appearance: appearance,
  modelMatrix: Cesium.Transforms.eastNorthUpToFixedFrame(Cesium.Cartesian3.fromDegrees(0.0, 0.0, 0.0))
});
scene.primitives.add(primitive);

以上代码中，我们先创建了一个三角形的Geometry对象，然后创建了一个红色材质的Appearance对象，最后使用前两者创建了一个Primitive对象，并添加到了场景中。

希望这些信息能够对你有所帮助！