Search⌘ K

Changing the Background

Learn to configure the background in Three.js.

Background Configuration

We’ve already seen that we can change the background color by setting setClearColor of WebGLRenderer like this: renderer.setClearColor(backgroundColor). We can also use the THREE.Scene object to change the background. For this, we’ve got three options:

  • Option 1: We can use a solid color. 

  • Option 2: We can use a texture, which is basically an image, stretched out to fill the complete screen.

  • Option 3: We can use an environment map. This is also a ...