Three.js Cookbook

Softening lights by adding ambient lighting

When you add lights to a scene, the result might look a bit harsh. You can see a strong contrast between the areas that receive lights and those that don't. When you look at real-life lighting, everything is a bit softer and almost every surface will receive some light, most often reflected from other surfaces. In this recipe, we'll show you how you can soften the light usage in your scene using THREE.AmbientLight.

Getting ready

There are no steps required to get ready for this recipe. To see the final result in action, we provided an example, which you can see by opening the 05.03-soften-lights.html example in your browser. You will find something similar to the following screenshot:

With the menu in the ...