Three.js의 빛

Ambient Light

모든 메쉬를 대상으로 전역적으로 빛을 발산하고 빛의 방향이 없기 때문에 그림자나 명암이 없음

const ambientLight = new THREE.ambientLight(0xffffff, 1);
scene.add(anbientLight);

• 첫번째 인자는 빛의 색상, 두번째 인자는 빛의 강도
• 객체의 출력이나 재질을 확인할 때 유용함

Directional Light

햇빛과 같은 방향성 광원으로 모든 점에서 일정한 방향으로 빛을 발산하고 거리에 관계없이 동일한 빛의 효과를 줌

const directionalLight = new THREE.directionalLight(0xffffff, 1);
scene.add(directionalLight);

• 첫번째 인자는 빛의 색상, 두번째 인자는 빛의 강도
• 빛의 기본 위치는 0, 1, 0에 생기고 빛은 원점인 0, 0, 0을 향함

directional light helper는 빛이 향하는 방향을 시각화해줌

const dlHelper = new THREE.DirectionalLightHelper(directionalLight, 1, 0xff0000)
scene.add(dlHelper)