THREE.js设置背景色

设置背景色

scene.background = new THREE.Color("#88B9DD");

背景色透明(注释掉背景色设置的代码)

var renderer = new THREE.WebGLRenderer( { alpha: true } );
renderer.setClearAlpha(0);// 数值为0.7就是半透明

设置背景半透明颜色：

var renderer = new THREE.WebGLRenderer( { alpha: true } );
renderer.setClearColor(0xb9d3ff, 0.4); //设置背景颜色和透明度

设置背景纹理

const textureLoader = new THREE.TextureLoader();
const bg = textureLoader.load(`${baseUrl}/texture/sky2.jpeg`);
bg.minFilter = THREE.LinearFilter;
scene = new THREE.Scene();
scene.background = bg;