자바스크립트/threeJS

[R3F] Ambient Occlusion Map / alpha map

KIMJAVAN 2024. 8. 21. 09:41
728x90

Ambient Occlusion Map : 메쉬 표면에 이미 만들어둔 그림자 맵 (메쉬의 입체감을 더 살릴 수 있다)

ambient light 를 설정해주어야 적용 가능하다 / geometry 에 uv2 코드를 추가해주어야한다

메테리얼에 aoMap = {textures.aoMap} 으로 설정한다

 

alpha map : 투명도를 조정할 수 있다 

검정색으로 갈 수록 투명해지고, 흰색으로 갈 수록 불투명해진다 (포토샵의 mask 기능과 유사)

 

광원 / proceduer material / 성능차이 -> 모델의 차이를 불러일으킴

댓글수0