...

/

Changing the Background

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 ...