Search⌘ K
AI Features

Working with Basic Lights

Explore the role of ambient light in Three.js by learning to create and configure THREE.AmbientLight. Understand how changes in color and intensity affect your entire 3D scene globally, and how ambient light works alongside other light sources to add realism.

The THREE.AmbientLight

We’ll start with the most basic of the lights THREE.AmbientLight. When we create a THREE.AmbientLight, the color is applied globally. There isn’t a specific direction this light comes from, and THREE.AmbientLight doesn’t contribute to any shadows. We would normally not use THREE.AmbientLight as the single source of light in a scene since it applies its color to all the objects in the scene in the same way, regardless of the shape of the mesh. We use it together with other lighting sources, such as THREE.SpotLight or THREE.DirectionalLight, to soften the shadows or add some additional color to the scene. The easiest way to understand ...