Shadow Plane

Shadow Plane is a performant way to get floor shadows in your browser WebGL scene. A projection of the geometry is done from above. The distance of the geometry from the top of the projection to the Shadow Plane is calculated. Then a texture is saved and applied to the Shadow Plane asset. Meshes closer to the Shadow Plane appear darker and meshes farther away appear a lighter grey, much like a depth map. Threekit then exposes features to adjust the look of the direction and direction of the projection. The Shadow Plane doesn’t export to AR and is a great option for adding more realism to your browser WebGL scene.

Shadow Plane

PROPERTY

DESCRIPTION

Opacity

Determines how see-through the texture is. Numeric Range:

  • 1 = Defaulted value. Completely opaque.

  • .1 - .9 = Gets more see-through the lower the value input.

  • 0 = Completely see-through.

Blur

Blurs the Shadow Plane. Numeric Range:

  • 0 = Unblurred and sharp shadow.

  • .1 - .9 = Gets more blurred the higher the value inputted.

  • 1 = Completely blurred and soft shadow.

Resolution

This determines the size of the texture. The smaller the resolution is less detailed but loads faster.

512

Defaulted value. Saves out a 512x512 texture applied to the Shadow Plane.

1024

Saves out a 1024x1024 texture applied to the Shadow Plane.

2048

Saves out a 2048x2048 texture applied to the Shadow Plane.

512

Defaulted value. Saves out a 512x512 texture applied to the Shadow Plane.

1024

Saves out a 1024x1024 texture applied to the Shadow Plane.

2048

Saves out a 2048x2048 texture applied to the Shadow Plane.

Pitch

Adjust the lateral axis of the projection of the Shadow Plane. Both the Pitch and Yaw will adjust the angle of the shadows, so that if needed, you can make the shadows match your scene’s lighting more accurately. Numeric Range:

  • 0 = Defaulted value.

  • 89 to -89 = The higher the number the longer the shadow and lower the projection will be.

Yaw

Adjust the perpendicular projection of the Shadow Plane. Both the Pitch and Yaw will adjust the angle of the shadows, so that if needed, you can make the shadows match your scene’s lighting more accurately.

For Yaw you must have a number in Pitch other than 0 to see the effects.

Numeric Range:

  • 0 = Defaulted value.

  • 89 to -89 = Changes the direction of the shadow.

Last updated