Transparent background with three.js

Question

The code work, but I\'m having a problem setting transparent background to the canvas with three.js. I use:

Background.renderer.setClearColor(0xffffff, 0);
<         


        

Answer 1

If you want a transparent background in three.js, you need pass in the alpha parameter to the WebGLRenderer constructor.

var renderer = new THREE.WebGLRenderer( { alpha: true } );

You can leave the clear color at the default value.

renderer.setClearColor( 0x000000, 0 ); // the default

three.js r.71