[Three.js] Light
Three.js가 제공하는 다양한 조명 타입(AmbientLight, DirectionalLight, PointLight, SpotLight, HemisphereLight, RectAreaLight)의 특성과 활용법을 예제와 함께 알아보았다.
#Three.js
마지막 수정일:
조명은 3D에서 실제감과 입체감을 주는 아주 중요한 요소다. Three.js에서 조명은 THREE.Light의 하위 클래스로 구현되며. 모든 조명 객체는 위치, 색상, 강도 등의 기본 속성을 가진다. Three.js에서는 다양한 조명을 제공하는데, 그 종류 들을 아래에서 하나씩 알아보자.
Note
🫢 모든 Material에서 조명을 지원하지 않는다.
대표적으로 MeshPhongMaterial 과 MeshStandardMaterial 에서 조명을 사용할 수 있다.
AmbientLight은 특정 방향 없이 장면 전체를 균일하게 비추는 기본적인 조명이다. 그림자를 생성하지 않으며, 일반적으로 다른 조명과 함께 사용해 너무 어두울 경우 밝혀주는 용도로 활용된다. 조명 색상과 강도를 인자로 받는다.
ts
const ambientLight = new THREE.AmbientLight(ambientColor, ambientIntensity);
scene.add(ambientLight);AmbientLight 데모
조명 강도: 0.30
조명 색상:
#ffffff