# 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>

| 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**.                |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://community.threekit.com/platform-documentation/project-data/assets/nodes/lights/shadow-plane.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.