three设置渲染器derer的背景色

1，设置背景色为透明色

　　设置alpha透明系数　　

　　renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } );
　　renderer.setClearAlpha(0.2);

　　alpha: true 这个属性是关键，不然背景会被renderer遮住。

　　这里还有一个关键点，就是不要对scene设置背景色，即：

　　scene.background = new THREE.Color( 0x000000 );

　　不然还是会显示设置的背景色

2，设置背景色为其他颜色

　　renderer.setClearColor('rgb(135,206,250)',1.0);
　　renderer.setClearColor(0xffffff,1.0);
　　renderer.setClearColor('#428bca',1.0);
　　renderer.setClearColor('rgba(135,206,250,0.5)',1.0);
3，设置背景色为图片

　　1.给父盒子设置背景图片，然后设置render为透明色，缺点不用实现3d效果和动画

　　2. scene.background设置背景图片

      　　this.scene = new THREE.Scene()

     　　 var textureLoader = new THREE.TextureLoader()

      　　// 加载背景图片

      　　var texture = textureLoader.load(

       　　　　 'https://2050.earth/assets/earth/bg.jpg'

     　　 )

     　　 // 纹理对象Texture赋值给场景对象的背景属性.background

      　　this.scene.background = texture