threejs 设置背景颜色或者背景透明

threejs yekong

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)
喜欢