three.js 배경색 칠하기

const renderer = new THREE.WebGLRenderer({
    canvas,
    antialias: true,
    alpha: true
});

renderer object 생성자에서 alpha설정을 통해 배경의 투명도 설정을 할 수 있다.

renderer.setClearAlpha(0.5);
renderer.setClearColor('#00ff00');

setClearAlpha를 통해 투명도를 설정할 수 있고, setClearColor로 색을 지정할 수 있다.

 

scene.background = new THREE.Color('blue');

scene을 통해 배경색을 지정할 수 있는데, 이 경우 renderer의 배경색보다 우선시 된다.