Sky & Environment

Definition

The sky creates a believable outdoor environment.

Without a sky:

Black empty background

With a sky:

Realistic outdoor scene

Three.js Sky

import { Sky } from
'three/examples/jsm/objects/Sky.js';

const sky = new Sky();

scene.add(sky);

Important Properties

Turbidity

Controls atmospheric haze.

sky.material.uniforms.turbidity.value = 10;

Higher Value:

More foggy

Lower Value:

Clear sky

Rayleigh

Controls sky brightness.

sky.material.uniforms.rayleigh.value = 3;

Mie Coefficient

Controls sun glow.

sky.material.uniforms.mieCoefficient.value = 0.005;

Use Cases

• Day scenes
• Sunset scenes
• Open-world environments