Environment (skybox, IBL, fog)

The scene’s environment settings control the world around your objects — background, ambient fill, fog, and image-based lighting. They live in the environment block of a scene (packages/engine/src/scene/schema/environment.ts) and are edited in the inspector when nothing is selected.

Skybox → image-based lighting.

Background & ambient

• background — a CSS hex background color.
• ambient — a flat ambient light { color, intensity } that lifts shadows everywhere.

Fog

fog has a type of linear or exponential:

• linear — color, near (start), far (full) distance.
• exponential — color, density.

Skybox & image-based lighting

Set skybox to the path of an environment map. The loader runs it through a PMREMGenerator and assigns it to both scene.background and scene.environment, so it shows as the background and lights and reflects every PBR material — the single biggest upgrade to a scene’s realism. envMapIntensity scales how strongly the env map contributes to reflections.

Use .hdr today

Although the schema field is described as “HDR/EXR”, the loader decodes .hdr files (via RGBELoader); other paths fall back to a plain texture loader, and .exr is not currently decoded. Use a .hdr equirectangular map.

HDRI first

Before fiddling with individual lights, drop in a good HDRI skybox. Physically-based materials immediately gain realistic ambient lighting and reflections from it.

See also

• Lights & shadows — direct lights.
• Materials — what the env map reflects in.
• Post-processing — tone mapping and effects on top.
• Scene Schema reference — every environment field.