MaterialAppearance

new Cesium.MaterialAppearance(options)
Scene/MaterialAppearance.js 68

An appearance for arbitrary geometry (as opposed to EllipsoidSurfaceAppearance, for example) that supports shading with materials.
Name Type Description
options Object optional Object with the following properties:
Name Type Default Description
flat Boolean false optional When true, flat shading is used in the fragment shader, which means lighting is not taking into account.
faceForward Boolean !options.closed optional When true, the fragment shader flips the surface normal as needed to ensure that the normal faces the viewer to avoid dark spots. This is useful when both sides of a geometry should be shaded like WallGeometry.
translucent Boolean true optional When true, the geometry is expected to appear translucent so MaterialAppearance#renderState has alpha blending enabled.
closed Boolean false optional When true, the geometry is expected to be closed so MaterialAppearance#renderState has backface culling enabled.
materialSupport MaterialAppearance.MaterialSupport MaterialAppearance.MaterialSupport.TEXTURED optional The type of materials that will be supported.
material Material Material.ColorType optional The material used to determine the fragment color.
vertexShaderSource String optional Optional GLSL vertex shader source to override the default vertex shader.
fragmentShaderSource String optional Optional GLSL fragment shader source to override the default fragment shader.
renderState RenderState optional Optional render state to override the default render state.
Example:
var primitive = new Cesium.Primitive({
  geometryInstances : new Cesium.GeometryInstance({
    geometry : new Cesium.WallGeometry({
            materialSupport :  Cesium.MaterialAppearance.MaterialSupport.BASIC.vertexFormat,
      // ...
    })
  }),
  appearance : new Cesium.MaterialAppearance({
    material : Cesium.Material.fromType('Color'),
    faceForward : true
  })

});
Demo:
See:

Members

staticCesium.MaterialAppearance.MaterialSupport
Scene/MaterialAppearance.js 287

Determines the type of Material that is supported by a MaterialAppearance instance. This is a trade-off between flexibility (a wide array of materials) and memory/performance (required vertex format and GLSL shader complexity.

readonlyclosed : Boolean
Scene/MaterialAppearance.js 172

When true, the geometry is expected to be closed so MaterialAppearance#renderState has backface culling enabled. If the viewer enters the geometry, it will not be visible.
Default Value: false

readonlyfaceForward : Boolean
Scene/MaterialAppearance.js 243

When true, the fragment shader flips the surface normal as needed to ensure that the normal faces the viewer to avoid dark spots. This is useful when both sides of a geometry should be shaded like WallGeometry.
Default Value: true

readonlyflat : Boolean
Scene/MaterialAppearance.js 224

When true, flat shading is used in the fragment shader, which means lighting is not taking into account.
Default Value: false

readonlyfragmentShaderSource : String
Scene/MaterialAppearance.js 135

The GLSL source code for the fragment shader. The full fragment shader source is built procedurally taking into account MaterialAppearance#material, MaterialAppearance#flat, and MaterialAppearance#faceForward. Use MaterialAppearance#getFragmentShaderSource to get the full source.

material : Material
Scene/MaterialAppearance.js 85

The material used to determine the fragment color. Unlike other MaterialAppearance properties, this is not read-only, so an appearance's material can change on the fly.
Default Value: Material.ColorType
See:

readonlymaterialSupport : MaterialAppearance.MaterialSupport
Scene/MaterialAppearance.js 189

The type of materials supported by this instance. This impacts the required VertexFormat and the complexity of the vertex and fragment shaders.
Default Value: MaterialAppearance.MaterialSupport.TEXTURED

readonlyrenderState : Object
Scene/MaterialAppearance.js 154

The WebGL fixed-function state to use when rendering the geometry.

The render state can be explicitly defined when constructing a MaterialAppearance instance, or it is set implicitly via MaterialAppearance#translucent and MaterialAppearance#closed.

translucent : Boolean
Scene/MaterialAppearance.js 94

When true, the geometry is expected to appear translucent.
Default Value: true

readonlyvertexFormat : VertexFormat
Scene/MaterialAppearance.js 207

The VertexFormat that this appearance instance is compatible with. A geometry can have more vertex attributes and still be compatible - at a potential performance cost - but it can't have less.
Default Value: MaterialAppearance.MaterialSupport.TEXTURED.vertexFormat

readonlyvertexShaderSource : String
Scene/MaterialAppearance.js 118

The GLSL source code for the vertex shader.

Methods

getFragmentShaderSource() → String
Scene/MaterialAppearance.js 259

Procedurally creates the full GLSL fragment shader source. For MaterialAppearance, this is derived from MaterialAppearance#fragmentShaderSource, MaterialAppearance#material, MaterialAppearance#flat, and MaterialAppearance#faceForward.
Returns:
The full GLSL fragment shader source.

getRenderState() → Object
Scene/MaterialAppearance.js 279

Creates a render state. This is not the final render state instance; instead, it can contain a subset of render state properties identical to the render state created in the context.
Returns:
The render state.

isTranslucent() → Boolean
Scene/MaterialAppearance.js 268

Determines if the geometry is translucent based on MaterialAppearance#translucent and Material#isTranslucent.
Returns:
true if the appearance is translucent.