Abstract base class for materials.

Materials describe the appearance of [page:Object objects]. They are defined in a (mostly) renderer-independent way, so you don't have to rewrite materials if you decide to use a different renderer.

The following properties and methods are inherited by all other material types (although they may have different defaults).



This creates a generic material.


[property:Float alphaTest]

Sets the alpha value to be used when running an alpha test. The material will not be renderered if the opacity is lower than this value. Default is *0*.

[property:Integer blendDst]

Blending destination. Default is [page:CustomBlendingEquation OneMinusSrcAlphaFactor]. See the destination factors [page:CustomBlendingEquation constants] for all possible values.
The material's [page:Constant blending] must be set to [page:Materials CustomBlending] for this to have any effect.

[property:Integer blendDstAlpha]

The transparency of the [page:.blendDst]. Default is *null*.

[property:Integer blendEquation]

Blending equation to use when applying blending. Default is [page:CustomBlendingEquation AddEquation]. See the blending equation [page:CustomBlendingEquation constants] for all possible values.
The material's [page:Constant blending] must be set to [page:Materials CustomBlending] for this to have any effect.

[property:Integer blendEquationAlpha]

The tranparency of the [page:.blendEquation]. Default is *null*.

[property:Blending blending]

Which blending to use when displaying objects with this material.
This must be set to [page:Materials CustomBlending] to use custom [page:Constant blendSrc], [page:Constant blendDst] or [page:Constant blendEquation].
See the blending mode [page:Materials constants] for all possible values. Default is [page:Materials NormalBlending].

[property:Integer blendSrc]

Blending source. Default is [page:CustomBlendingEquation SrcAlphaFactor]. See the source factors [page:CustomBlendingEquation constants] for all possible values.
The material's [page:Constant blending] must be set to [page:Materials CustomBlending] for this to have any effect.

[property:Integer blendSrcAlpha]

The tranparency of the [page:.blendSrc]. Default is *null*.

[property:Boolean clipIntersection]

Changes the behavior of clipping planes so that only their intersection is clipped, rather than their union. Default is *false*.

[property:Array clippingPlanes]

User-defined clipping planes specified as THREE.Plane objects in world space. These planes apply to the objects this material is attached to. Points in space whose signed distance to the plane is negative are clipped (not rendered). This requires [page:WebGLRenderer.localClippingEnabled] to be *true*. See the [example:webgl_clipping_intersection WebGL / clipping /intersection] example. Default is *null*.

[property:Boolean clipShadows]

Defines whether to clip shadows according to the clipping planes specified on this material. Default is *false*.

[property:Boolean colorWrite]

Whether to render the material's color. This can be used in conjunction with a mesh's [page:Integer renderOrder] property to create invisible objects that occlude other objects. Default is *true*.

[property:Material customDepthMaterial]

Custom depth material to be used by this material when rendering to the depth map. When shadow-casting with a [page:DirectionalLight] or [page:SpotLight], if you are (a) modifying vertex positions in the vertex shader, (b) using a displacement map, (c) using an alpha map with alphaTest, or (d) using a transparent texture with alphaTest, you must specify a customDepthMaterial for proper shadows. Default is *undefined*.

[property:Material customDistanceMaterial]

Same as customDepthMaterial, but used with [page:PointLight]. Default is *undefined*.

[property:Object defines]

Custom defines to be injected into the shader. These are passed in form of an object literal, with key/value pairs. { MY_CUSTOM_DEFINE: '' , PI2: Math.PI * 2 }. The pairs are defined in both vertex and fragment shaders. Default is *undefined*.

[property:Integer depthFunc]

Which depth function to use. Default is [page:Materials LessEqualDepth]. See the depth mode [page:Materials constants] for all possible values.

[property:Boolean depthTest]

Whether to have depth test enabled when rendering this material. Default is *true*.

[property:Boolean depthWrite]

Whether rendering this material has any effect on the depth buffer. Default is *true*.

When drawing 2D overlays it can be useful to disable the depth writing in order to layer several things together without creating z-index artifacts.

[property:Boolean flatShading]

Define whether the material is rendered with flat shading. Default is false.

[property:Boolean fog]

Whether the material is affected by fog. Default is *true*.

[property:Integer id]

Unique number for this material instance.

[property:Boolean isMaterial]

Used to check whether this or derived classes are materials. Default is *true*.

You should not change this, as it used internally for optimisation.

[property:Boolean lights]

Whether the material is affected by lights. Default is *true*.

[property:String name]

Optional name of the object (doesn't need to be unique). Default is an empty string.

[property:Boolean needsUpdate]

Specifies that the material needs to be updated at the WebGL level. Set it to true if you made changes that need to be reflected in WebGL.
This property is automatically set to *true* when instancing a new material.

[property:Float opacity]

Float in the range of *0.0* - *1.0* indicating how transparent the material is. A value of *0.0* indicates fully transparent, *1.0* is fully opaque.
If the material's [page:Boolean transparent] property is not set to *true*, the material will remain fully opaque and this value will only affect its color.
Default is *1.0*.

[property:Float overdraw]

Amount of triangle expansion at draw time. This is a workaround for cases when gaps appear between triangles when using [page:CanvasRenderer]. *0.5* tends to give good results across browsers. Default is *0*.

[property:Boolean polygonOffset]

Whether to use polygon offset. Default is *false*. This corresponds to the *GL_POLYGON_OFFSET_FILL* WebGL feature.

[property:Integer polygonOffsetFactor]

Sets the polygon offset factor. Default is *0*.

[property:Integer polygonOffsetUnits]

Sets the polygon offset units. Default is *0*.

[property:String precision]

Override the renderer's default precision for this material. Can be "*highp*", "*mediump*" or "*lowp*". Default is *null*.

[property:Boolean premultipliedAlpha]

Whether to premultiply the alpha (transparency) value. See [Example:webgl_materials_transparency WebGL / Materials / Transparency] for an example of the difference. Default is *false*.

[property:Boolean dithering]

Whether to apply dithering to the color to remove the appearance of banding. Default is *false*.

[property:Integer shadowSide]

Defines which side of faces cast shadows. When set, can be [page:Materials THREE.FrontSide], [page:Materials THREE.BackSide], or [page:Materials THREE.DoubleSide]. Default is *null*.
If *null*, the side casting shadows is determined as follows:

[page:Material.side] Side casting shadows
THREE.FrontSide back side
THREE.BackSide front side
THREE.DoubleSide both sides

[property:Integer side]

Defines which side of faces will be rendered - front, back or both. Default is [page:Materials THREE.FrontSide]. Other options are [page:Materials THREE.BackSide] and [page:Materials THREE.DoubleSide].

[property:Boolean transparent]

Defines whether this material is transparent. This has an effect on rendering as transparent objects need special treatment and are rendered after non-transparent objects.
When set to true, the extent to which the material is transparent is controlled by setting it's [page:Float opacity] property.
Default is *false*.

[property:String type]

Value is the string 'Material'. This shouldn't be changed, and can be used to find all objects of this type in a scene.

[property:String uuid]

[link:http://en.wikipedia.org/wiki/Universally_unique_identifier UUID] of this material instance. This gets automatically assigned, so this shouldn't be edited.

[property:Integer vertexColors]

Defines whether vertex coloring is used. Default is [page:Materials THREE.NoColors]. Other options are [page:Materials THREE.VertexColors] and [page:Materials THREE.FaceColors].

[property:Boolean visible]

Defines whether this material is visible. Default is *true*.

[property:object userData]

An object that can be used to store custom data about the Material. It should not hold references to functions as these will not be cloned.


[page:EventDispatcher EventDispatcher] methods are available on this class.

[method:Material clone]( )

Return a new material with the same parameters as this material.

[method:Material copy]( [param:material material] )

Copy the parameters from the passed material into this material.

[method:null dispose]()

This disposes the material. Textures of a material don't get disposed. These needs to be disposed by [page:Texture Texture].

[method:null onBeforeCompile]( [param:Object shader], [param:WebGLRenderer renderer] )

An optional callback that is executed immediately before the shader program is compiled. This function is called with the shader source code as a parameter. Useful for the modification of built-in materials.

[method:null setValues]( [param:object values] )

values -- a container with parameters.
Sets the properties based on the *values*.

[method:null toJSON]( [param:object meta] )

meta -- object containing metadata such as textures or images for the material.
Convert the material to three.js JSON format.


[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]