# 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

<table data-header-hidden><thead><tr><th width="153"></th><th></th></tr></thead><tbody><tr><td><strong>PROPERTY</strong></td><td><strong>DESCRIPTION</strong></td></tr><tr><td><strong>Opacity</strong></td><td><p>Determines how see-through the texture is.<br>Numeric Range:</p><ul><li>1 = Defaulted value. Completely opaque.</li><li>.1 - .9 = Gets more see-through the lower the value input.</li><li>0 = Completely see-through.</li></ul></td></tr><tr><td><strong>Blur</strong></td><td><p>Blurs the Shadow Plane.<br>Numeric Range:</p><ul><li>0 = Unblurred and sharp shadow.</li><li>.1 - .9 = Gets more blurred the higher the value inputted.</li><li>1 = Completely blurred and soft shadow.</li></ul></td></tr><tr><td><strong>Resolution</strong></td><td>This determines the size of the texture. The smaller the resolution is less detailed but loads faster.</td></tr><tr><td>512</td><td>Defaulted value. Saves out a 512x512 texture applied to the <strong>Shadow Plane</strong>.</td></tr><tr><td>1024</td><td>Saves out a 1024x1024 texture applied to the <strong>Shadow Plane</strong>.</td></tr><tr><td>2048</td><td>Saves out a 2048x2048 texture applied to the <strong>Shadow Plane</strong>.</td></tr><tr><td><strong>Pitch</strong></td><td><p>Adjust the lateral axis of the projection of the <strong>Shadow Plane</strong>. Both the <strong>Pitch</strong> and <strong>Yaw</strong> will adjust the angle of the shadows, so that if needed, you can make the shadows match your scene’s lighting more accurately.<br>Numeric Range:<br></p><ul><li>0 = Defaulted value.</li><li>89 to -89 = The higher the number the longer the shadow and lower the projection will be.</li></ul></td></tr><tr><td><strong>Yaw</strong></td><td><p>Adjust the perpendicular projection of the <strong>Shadow Plane</strong>. Both the <strong>Pitch</strong> and <strong>Yaw</strong> will adjust the angle of the shadows, so that if needed, you can make the shadows match your scene’s lighting more accurately.</p><p>For <strong>Yaw</strong> you must have a number in <strong>Pitch</strong> other than 0 to see the effects.</p><p>Numeric Range:</p><ul><li>0 = Defaulted value.</li><li>89 to -89 = Changes the direction of the shadow.</li></ul></td></tr></tbody></table>