---

title: ShadowMaterial category: Core layout: docs

ShadowMaterial

This material can receive shadows, but otherwise is completely transparent.

Code Example

const geometry = new THREE.PlaneGeometry( 2000, 2000 );
geometry.rotateX( - Math.PI / 2 );
const material = new THREE.ShadowMaterial();
material.opacity = 0.2;
const plane = new THREE.Mesh( geometry, material );
plane.position.y = -200;
plane.receiveShadow = true;
scene.add( plane );

Constructor

new ShadowMaterial( parameters : Object )

Constructs a new shadow material.

parameters | An object with one or more properties defining the material's appearance. Any property of the material (including any property from inherited materials) can be passed in here. Color values can be passed any type of value accepted by Color#set.
---|---

Properties

.color : Color

Color of the material.

Default is (0,0,0).

.fog : boolean

Whether the material is affected by fog or not.

Default is true.

.isShadowMaterial : boolean (readonly)

This flag can be used for type testing.

Default is true.

.transparent : boolean

Overwritten since shadow materials are transparent by default.

Default is true.

Overrides: Material#transparent

Source

src/materials/ShadowMaterial.js