HemisphereLightElement

Represents a hemisphere light source in the scene. Simulates ambient lighting from the sky and ground, providing soft, directional illumination without sharp shadows. Commonly used to create natural outdoor lighting effects.

Creating a new Hemisphere Light:

const hemiLight = new HemisphereLightElement();
hemiLight.skyColor = '#87CEEB';
hemiLight.groundColor = '#654321';
hemiLight.intensity = 1.0;
scene.add(hemiLight);

skyColor: THREE.Color | string

The color of the light coming from the sky hemisphere. Can be specified as a THREE.Color instance or a CSS-style color string (e.g., "#87CEEB" for sky blue). This color simulates skylight and affects surfaces facing upward.

Example:

hemiLight.skyColor = '#ADD8E6';

groundColor: THREE.Color | string

The color of the light coming from the ground hemisphere. Can be specified as a THREE.Color instance or a CSS-style color string (e.g., "#654321" for earth tones). This color simulates light reflected from the ground and affects surfaces facing downward.

Example:

hemiLight.groundColor = '#8B4513';

intensity: number

The overall intensity or brightness of the hemisphere light. A numeric value where 1 represents normal intensity. Higher values increase brightness proportionally.

Example:

hemiLight.intensity = 0.8;