threejs 设置背景色,如果我们希望给threejs一个特定的背景色的话,可以通过setClearColor来设置指定颜色来实现。
设置背景颜色
var renderer = new THREE.WebGLRenderer({
antialias: true, //开启锯齿
alpha: true
});
// 设置背景颜色
// renderer.setClearColor(0x000000)
如果我们希望threejs背景透明,比如数据大屏已经有背景图了,不希望threeejs的背景色遮挡,这时候就可以将threejs的背景设置为透明,设置背景透明前需要先将alpha设置为true
通过renderer.setClearColor(0x000000,0)
第二个参数来设置透明度0是完全透明,1是不透明。可以按需调整。
设置背景透明
var renderer = new THREE.WebGLRenderer({
antialias: true, //开启锯齿
alpha: true
});
// 设置背景颜色
renderer.setClearColor(0x000000,0)