GeometryInstance
,如下例1所示,
或者来自实例数组,允许几何图形来自不同的几何类型,例如RectangleGeometry
和EllipsoidGeometry
),如例2所示。
图元将几何图形实例和外观(Appearance
)结合在一起,包括Material
和RenderState
。
大致上几何图形实例定义了结构和位置, 外观定义了视觉效果。解耦几何和外观允许我们混合和匹配它们中的大多数,并彼此独立地添加一个新的几何或外观。
将多个实例组合成一个图元称为批处理,这可以显著提高静态数据的性能。
可以单独选择实例;Scene#pick
返回其GeometryInstance#id
。
使用每个实例的外观,例如PerInstanceColorAppearance
,每个实例也可以具有唯一的颜色。
Geometry
可以在web worker或主线程上创建和批量处理。前两个示例展示了通过使用几何图形的描述在web worker上创建的几何图形。
第三个示例显示如何通过显式调用createGeometry
方法在主线程上创建几何图形。
Name | Type | Description | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
options |
Object |
optional
具有以下属性的对象:
|
// 1.画一个半透明,表面为棋盘图案的椭圆。
var instance = new Cesium.GeometryInstance({
geometry : new Cesium.EllipseGeometry({
center : Cesium.Cartesian3.fromDegrees(-100.0, 20.0),
semiMinorAxis : 500000.0,
semiMajorAxis : 1000000.0,
rotation : Cesium.Math.PI_OVER_FOUR,
vertexFormat : Cesium.VertexFormat.POSITION_AND_ST
}),
id : 'object returned when this instance is picked and to get/set per-instance attributes'
});
scene.primitives.add(new Cesium.Primitive({
geometryInstances : instance,
appearance : new Cesium.EllipsoidSurfaceAppearance({
material : Cesium.Material.fromType('Checkerboard')
})
}));
// 2. 用独特的颜色绘制不同的实例
var rectangleInstance = new Cesium.GeometryInstance({
geometry : new Cesium.RectangleGeometry({
rectangle : Cesium.Rectangle.fromDegrees(-140.0, 30.0, -100.0, 40.0),
vertexFormat : Cesium.PerInstanceColorAppearance.VERTEX_FORMAT
}),
id : 'rectangle',
attributes : {
color : new Cesium.ColorGeometryInstanceAttribute(0.0, 1.0, 1.0, 0.5)
}
});
var ellipsoidInstance = new Cesium.GeometryInstance({
geometry : new Cesium.EllipsoidGeometry({
radii : new Cesium.Cartesian3(500000.0, 500000.0, 1000000.0),
vertexFormat : Cesium.VertexFormat.POSITION_AND_NORMAL
}),
modelMatrix : Cesium.Matrix4.multiplyByTranslation(Cesium.Transforms.eastNorthUpToFixedFrame(
Cesium.Cartesian3.fromDegrees(-95.59777, 40.03883)), new Cesium.Cartesian3(0.0, 0.0, 500000.0), new Cesium.Matrix4()),
id : 'ellipsoid',
attributes : {
color : Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.AQUA)
}
});
scene.primitives.add(new Cesium.Primitive({
geometryInstances : [rectangleInstance, ellipsoidInstance],
appearance : new Cesium.PerInstanceColorAppearance()
}));
// 3. 在主线程上创建几何图形。
scene.primitives.add(new Cesium.Primitive({
geometryInstances : new Cesium.GeometryInstance({
geometry : Cesium.EllipsoidGeometry.createGeometry(new Cesium.EllipsoidGeometry({
radii : new Cesium.Cartesian3(500000.0, 500000.0, 1000000.0),
vertexFormat : Cesium.VertexFormat.POSITION_AND_NORMAL
})),
modelMatrix : Cesium.Matrix4.multiplyByTranslation(Cesium.Transforms.eastNorthUpToFixedFrame(
Cesium.Cartesian3.fromDegrees(-95.59777, 40.03883)), new Cesium.Cartesian3(0.0, 0.0, 500000.0), new Cesium.Matrix4()),
id : 'ellipsoid',
attributes : {
color : Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.AQUA)
}
}),
appearance : new Cesium.PerInstanceColorAppearance()
}));
成员变量
-
Default Value:
true
Appearance
。
每个几何实例都以相同的外观着色。 有些外观,如PerInstanceColorAppearance
允许赋予每个实例唯一的值。
-
Default Value:
undefined
-
Default Value:
true
true
时,几何顶点被压缩,这将节省内存。
-
Default Value:
true
true
时,渲染器视锥和水平视点将根据图元的包围体来裁剪它们。
如果您手动裁剪图元,请将其设置为 false 可获得较小的性能提升。
-
Default Value:
true
为图元中的每个draw命令绘制包围球。
-
Default Value:
false
Appearance
。
每个几何实例都以相同的外观着色。 有些外观,如PerInstanceColorAppearance
允许赋予每个实例唯一的值。
当使用需要颜色属性的外观时,比如PerInstanceColorAppearance,应该为每个实例添加一个depthFailColor属性。
需要EXT_frag_depth WebGL扩展才能正确渲染。如果不支持扩展,可能人为添加(artifacts)。
-
Default Value:
undefined
options.releaseGeometryInstances
属性为true)。
在图元被渲染后,更改此属性无效。
-
Default Value:
undefined
true
时,几何顶点属性是交错的,这可以略微提高渲染性能,但增加了加载时间。
-
Default Value:
false
Transforms.eastNorthUpToFixedFrame
返回的那样。
此属性仅在3D模式下受支持。
-
Default Value:
Matrix4.IDENTITY
var origin = Cesium.Cartesian3.fromDegrees(-95.0, 40.0, 200000.0);
p.modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(origin);
Primitive#update
时渲染图元。
true
时,该图元不保留对输入geometryInstances
的引用,以节省内存。
-
Default Value:
true
-
Default Value:
ShadowMode.DISABLED
-
Default Value:
true
true
时,几何顶点被优化为前后顶点着色器缓存。
-
Default Value:
true
内置方法
一旦对象被销毁,它将不能在使用; 调用除
isDestroyed
之外的任何函数都会导致DeveloperError
异常。
因此,将返回值(undefined
)赋给对象,如示例所示。
-
DeveloperError : 对象已经被销毁。
e = e && e.destroy();
GeometryInstance
的每个实例的可修改属性。
Name | Type | Description |
---|---|---|
id |
* |
GeometryInstance 的ID。
|
-
DeveloperError : 必须在调用getGeometryInstanceAttributes之前调用update。
var attributes = primitive.getGeometryInstanceAttributes('an id');
attributes.color = Cesium.ColorGeometryInstanceAttribute.toValue(Cesium.Color.AQUA);
attributes.show = Cesium.ShowGeometryInstanceAttribute.toValue(true);
attributes.distanceDisplayCondition = Cesium.DistanceDisplayConditionGeometryInstanceAttribute.toValue(100.0, 10000.0);
attributes.offset = Cesium.OffsetGeometryInstanceAttribute.toValue(Cartesian3.IDENTITY);
-
DeveloperError : 所有实例几何必须具有相同的primaryType。
-
DeveloperError : 外观和材质具有相同名称的uniform。
-
DeveloperError : Primitive.modelMatrix仅在3D模式下受支持。
-
RuntimeError : 需要使用顶点纹理获取支持来渲染具有每个实例属性的图元。顶点纹理图像单元的最大数量必须大于零。