three设置渲染器derer的背景色

标签：ext   显示设置   加载   rgb   显示   透明   str   赋值   http   

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设置背景图片

three设置渲染器derer的背景色

标签：ext   显示设置   加载   rgb   显示   透明   str   赋值   http   

原文地址：https://www.cnblogs.com/fanjlqinl/p/14686130.html