Lights

The lights are essentials elements used to illuminate 3D scenes. They play a crucial role in enhancing the visual experience by defining the spatial relationships between objects, establishing mood and ambiance, and simulating realistic lighting conditions that contribute to the overall depth and realism of the environment.

There are several types of lights. Here are the main ones:

Point Light

Emits light in all directions from a single point in space, similar to a light bulb.

<pointLight
    name='point'
    position={new Vector3(0, 1, 0)}
    diffuse={Color3.Red()}
    specular={Color3.Green()}
/>

Directional Light

Simulates sunlight; emits light in a specific direction but does not have a specific location.

<directionalLight
    name='directional'
    direction={new Vector3(0, -1, 0)}
    diffuse={Color3.Red()}
    specular={Color3.Green()}
/>

Spot Light

Emits light in a cone shape, illuminating a specific area, like a spotlight.

<spotLight
    name='spot'
    position={new Vector3(0, 1, 0)}
    direction={new Vector3(0, -1, 0)}
    angle={Tools.ToRadians(60)}
    exponent={10}
    diffuse={Color3.Red()}
    specular={Color3.Green()}
/>

Hemispheric Light

Provides ambient lighting from above, simulating light coming from the sky.

<hemisphericLight
    name='hemispherical'
    direction={new Vector3(0, 1, 0)}
    diffuse={Color3.Red()}
    specular={Color3.Green()}
    groundColor={Color3.Blue()}
/>

Learn More

For controls, limitations and more, please refer to Babylon.js documentation: https://doc.babylonjs.com/features/featuresDeepDive/lights/lights_introduction.