[Material] Texture Sampling - uv좌표로 영역별로 표현하기

오늘 목표

기존 이미지

변경된 최종 이미지

 

최종 uv 좌표 사진

위와 같이 u좌표 기준으로 절반씩 영역을 분리해서 좌표비율에 맞게 곱으로 비율을 v좌표 비율을 맞춰준뒤 각각 벡터를 더해주면 된다.

 

---

실습

Step1

가로 기준으로 2개의 텍스쳐를 그리기 위해 u좌표 비율을 2배 늘려준다.

 

우선 왼쪽의 좌표 비율을 맞춰주어 왼쪽 영역의 그림을 완성시켰다.

 

Step2

왼쪽 영역을 따로 분리해내는 과정이다. u좌표 기준으로 영역을 분리해 내면되기 때문에 component mask(r)을 분리해 sine함수로 영역의 반절만 구분해냈다. sine값은 서서히 증감이 일어나기 때문에 ceil(올림)으로 값을 0,1로 변경해주었다.

 

 

Step3

왼쪽영역의 v기준을 0.5를 곱하여 변경해주고, u,v의 u비율은 동일하기 때문에 v정보를 append를 사용하여 분리해낸다.

이후 기존거와 벡터 더하기 연산을 통해 완성시켰다.

---

출처

한국산업기술대학교 게임공학과 고급그래픽스효과 이택희 교수님 강의 - [linear interpolation node]