[page:Material] →

[name]

A material for non-shiny (Lambertian) surfaces, evaluated per vertex.

Constructor

[name]([page:Object parameters])

parameters -- parameters is an object with one or more properties defining the material's appearance.
color — Line color in hexadecimal. Default is 0xffffff.
map — Sets the texture map. Default is null
lightMap — Set light map. Default is null.
specularMap — Set specular map. Default is null.
alphaMap — Set alpha map. Default is null.
envMap — Set env map. Default is null.
fog — Define whether the material color is affected by global fog settings. Default is false.
shading — How the triangles of a curved surface are rendered. Default is [page:Materials THREE.SmoothShading].
wireframe — Render geometry as wireframe. Default is false (i.e. render as smooth shaded).
wireframeLinewidth — Controls wireframe thickness. Default is 1.
wireframeLinecap — Define appearance of line ends. Default is 'round'.
wireframeLinejoin — Define appearance of line joints. Default is 'round'.
vertexColors — Define how the vertices gets colored. Default is THREE.NoColors.
skinning — Define whether the material uses skinning. Default is false.
morphTargets — Define whether the material uses morphTargets. Default is false.

Properties

See the base [page:Material] class for common parameters.

[property:Color color]

Diffuse color of the material. Default is white.

[property:Color emissive]

Emissive (light) color of the material, essentially a solid color unaffected by other lighting. Default is black.

[property:boolean wrapAround]

Define whether the diffuse lighting wraps around the model or not. This option adds a little more (tintable) light onto the side of the object in relation to a light.

[property:Vector3 wrapRGB]

Decide how much of the wrap around values get used if the wrapAround option is set. The x, y, z values correspond to the r, g, b values respectively. The typical range is of each is from 0 to 1. For example setting all of the vector values to 0.5 will add a moderate amount of light to the side of the model. Changing *b* to 1 will tint the light on the side to be more blue. Defaults to *(1,1,1)*.

[property:Texture map]

Set color texture map. Default is null.

[property:Texture lightMap]

Set light map. Default is null.

[property:Texture specularMap]

Since this material does not have a specular component, the specular value affects only how much of the environment map affects the surface. Default is null.

[property:Texture alphaMap]

The alpha map is a grayscale texture that controls the opacity across the surface (black: fully transparent; white: fully opaque). Default is null.
Only the color of the texture is used, ignoring the alpha channel if one exists. For RGB and RGBA textures, the [page:WebGLRenderer WebGL] renderer will use the green channel when sampling this texture due to the extra bit of precision provided for green in DXT-compressed and uncompressed RGB 565 formats. Luminance-only and luminance/alpha textures will also still work as expected.

[property:TextureCube envMap]

Set env map. Default is null.

[property:Integer combine]

How to combine the result of the surface's color with the environment map, if any.
Options are [page:Textures THREE.Multiply] (default), [page:Textures THREE.MixOperation], [page:Textures THREE.AddOperation]. If mix is chosen, the reflectivity is used to blend between the two colors.

[property:Float reflectivity]

How much the environment map affects the surface; also see "combine".

[property:Float refractionRatio]

The index of refraction for an environment map using [page:Textures THREE.CubeRefractionMapping]. Default is *0.98*.

[property:Boolean fog]

Define whether the material color is affected by global fog settings. Default is *true*.
This setting might not have any effect when used with certain renderers. For example, it is ignored with the [page:CanvasRenderer Canvas] renderer, but does work with the [page:WebGLRenderer WebGL] renderer.

[property:Integer shading]

How the triangles of a curved surface are rendered: as a smooth surface, as flat separate facets, or no shading at all.
Options are [page:Materials THREE.SmoothShading] (default), [page:Materials THREE.FlatShading], [page:Materials THREE.NoShading].

[property:Boolean wireframe]

Whether the triangles' edges are displayed instead of surfaces. Default is *false*.

[property:Float wireframeLinewidth]

Line thickness for wireframe mode. Default is *1.0*.
Due to limitations in the ANGLE layer, on Windows platforms linewidth will always be 1 regardless of the set value.

[property:String wireframeLinecap]

Define appearance of line ends. Possible values are "butt", "round" and "square". Default is 'round'.
This setting might not have any effect when used with certain renderers. For example, it is ignored with the [page:WebGLRenderer WebGL] renderer, but does work with the [page:CanvasRenderer Canvas] renderer.

[property:String wireframeLinejoin]

Define appearance of line joints. Possible values are "round", "bevel" and "miter". Default is 'round'.
This setting might not have any effect when used with certain renderers. For example, it is ignored with the [page:WebGLRenderer WebGL] renderer, but does work with the [page:CanvasRenderer Canvas] renderer.

[property:Integer vertexColors]

Define how the vertices gets colored. Possible values are THREE.NoColors, THREE.FaceColors and THREE.VertexColors. Default is THREE.NoColors.
This setting might not have any effect when used with certain renderers. For example, it is ignored with the [page:CanvasRenderer Canvas] renderer, but does work with the [page:WebGLRenderer WebGL] renderer.

[property:Boolean skinning]

Define whether the material uses skinning. Default is *false*.

[property:Boolean morphTargets]

Define whether the material uses morphTargets. Default is *false*.

[property:boolean morphNormals]

Defines whether the material uses morphNormals. Set as true to pass morphNormal attributes from the [page:Geometry] to the shader. Default is *false*.

Methods

Source

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