자바스크립트/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 / 성능차이 -> 모델의 차이를 불러일으킴