threejs的使用背景色透明

林强181

于 2023-06-06 09:35:17 发布

阅读量3.4k

点赞数 2

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/qlin_11/article/details/131060952

版权

var renderer = new THREE.WebGLRenderer({
    antialias: true, //开启锯齿
    alpha: true
});
// 设置背景颜色
renderer.setClearColor(0x000000,0)
// 黑色
renderer.setClearColor(0x000000)

注意render的背景色需要取消，不然不生效。
如果我们希望threejs背景透明，比如数据大屏已经有背景图了，不希望threeejs的背景色遮挡，这时候就可以将threejs的背景设置为透明,设置背景透明前需要先将alpha设置为true
通过renderer.setClearColor(0x000000,0)第二个参数来设置透明度0是完全透明，1是不透明。可以按需调整。