The Scene is responsible for rendering the development environment where you build and interact with your components.
Sandbox Isolation
Your components are rendered in an isolated sandbox environment alongside visual editing tools like Transform Controls. This means if your components rely on global state or context there may be some work involved to get it rendering without an error.
- Refactor your component to be self contained
- Use a Global Provider to provide the missing React context
- Declare the required Context / state inside another component and open that one instead
- Set default props
Next Steps
Continue to learn more about features available in the Scene.
Selecting Elements
Select elements by interacting with scene objects in the Scene.
Transform Controls
Transform Controls are used to move, rotate, and scale objects in the Scene.
Play Controls
Play Controls let you interact with your scene.
Scene Helpers
Scene Helpers let you inspect and debug your scene.
Frame Controls
Standalone
Frame Controls are used to size the frame to different viewport sizes.