Editor basics
Navigate the viewport, select objects, use transform gizmos, and run a scene.
Viewport controls
The editor uses a Three.js viewport with a scene hierarchy, inspectors, and floating viewport tools. Select an object in the viewport or hierarchy to edit its transform and type-specific settings.
| Shortcut | Action |
|---|---|
W A S D | Move horizontally with FlyControls |
Q / E | Descend / elevate |
| Arrow keys | Look around |
F | Frame the selected object |
Shift + F | Toggle the frame-rate meter |
1 / 2 / 3 | Switch transform gizmo mode |
Scenes and objects
Objects belong to a scene, not directly to a project. Materials, assets, scripts, and shaders are project resources that can be reused by objects across that project’s scenes.
Simulation
Use the Run control to start simulation. Script init() functions run once, update(deltaTime) runs each frame, and physics begins stepping. Stop simulation to call destroy() and restore the authored state.
Command palette
Editor hotkeys and displayed command-palette shortcuts share the same command definitions. If you forget a shortcut, use the command palette as the canonical in-product guide.