Shadow

Shadow

빛을 받아 생기는 그림자 효과를 의미한다.

Built In Shadow

그림자 효과를 일일이 설정하는 작업은 매우 번거롭다. Three.js에서 제공하는 그림자 효과를 사용해보자.

• 그림자를 만들려면 renderer의 shadowMap을 사용하겠다고 선언 해줘야 한다.

• 빛에 의해 그림자를 드러낼 객체(cast)와 그림자를 받도록 할 객체(receive)를 설정

const renderer = new THREE.WebGLRenderer();
renderer.shadowMap.enabled = true; 

Property

• mapSize - spotLight.shadow.mapSize

  • 값이 클수록 계산 시간이 늘어나는 대신 그림자 품질이 향상된다.

  • 값은 2의 거듭제곱으로, 너비와 높이가 동일할 필요는 없다.

  • 기본값은 (512, 512)입니다.

• radius - spotLight.shadow.radius

  • 그림자 가장자리에 blur 효과를 줘 더욱 사실적인 그림자를 표현하기 위해 사용된다.

  • 값이 1보다 큰 경우 blur 효과가 생기게 된다.