Search⌘ K
AI Features

Working with Special Lights

Explore how to use special light sources in Three.js, including HemisphereLight for natural outdoor lighting, RectAreaLight for area-based illumination, and LightProbe for environment-based lighting. Understand their properties and applications to create more realistic and visually compelling 3D scenes.

Different types of lights

We’ve looked at the basic lights provided by Three.js and how shadows work. In most cases, we’ll use a combination of these lights for our scene. Three.js also provides a couple of special lights for very specific use cases.

In this lesson on special lights, we’ll discuss three additional lights provided by Three.js.

  • First, we’ll discuss THREE.HemisphereLight, which helps in creating more natural lighting for outdoor scenes.

  • Then, we’ll look at THREE.RectAreaLight, which emits lights from a large area instead of a single point.

  • Next, we’ll look at how we can use a LightProbe to apply light based on a cubemap.

  • Finally, we’ll show how we can add a lens flare effect to our scene.

The first special light we’re going to look at is THREE.HemisphereLight.

The THREE.HemisphereLight

...