Simulation
Rendering style
Choose a renderer, quality budget, and 3D environment for the simulation.
Renderer
These renderer values come directly from the simulation schema.
threecanvas2dwebgpuhtml
Quality
Quality controls pixel density, antialiasing, shadows, post-processing, and audio telemetry frequency.
performancemediumultra
Skyboxes
Skyboxes apply to the Three.js 3D renderer. If the setting is omitted, 3D scenes receive the default procedural daylight sky.
day- Procedural daylight sky with a visible sun and atmospheric scattering.
sunset- Warm environment background and image-based lighting for evening scenes.
night- Dark environment background and reflections for low-light scenes.
studio- Neutral studio environment for product-like lighting and reflections.
none- Disables the environment background so the scene renders without a skybox.
Environment example
Pair fog with the skybox palette to keep depth cues visually coherent.
{
"renderer": {
"type": "three",
"dimensions": 3,
"quality": "ultra"
},
"world": {
"style": {
"skybox": "sunset",
"fog": {
"color": "#f4b183",
"near": 45,
"far": 140
}
}
}
}