창작과 기록

UV 텍스쳐 애니메이션 본문

Texture, Shader, Material

UV 텍스쳐 애니메이션

JesseJeong 2019. 9. 27. 21:12

A. 정의

 

 

i.e. uv값이 '방향성'을 갖는다는 성질을 이용해 애니메이션을 만든다.

일반적인 3d 버텍스 애니메이션(키프레임부여)과 비교했을때 아웃풋이 가볍다는 장점이 있음.

단점은 포지션, 로테이션, 스케일을 스크립트 상에서 구현해야 하기 때문에 직관적인 디자인 작업이 어렵다는 것.

 

 

 

 

B. 원리

 

 

i.e. 이전 정리에서, 택스쳐 이미지는 R,G,B,A라는 4개의 채널값을 갖는다고 이야기 하였다.

이 각각의 채널들을 하나의 빈 방이라고 가정해보자. 우리는 총 4개의 방을 가지고 있다.

 

그렇다면, 이 4개의 방들 중에서 R과 G방에, 각각 UV의 U값과 V값을 넣는다고 생각해보자.

여기서, 주의해야 하는 한가지 개념은 UV는 각각 x,y 좌표 즉, '방향'을 갖는 '백터값'이라는것.

'컬러값' 과 '백터값'은 그 '속성'이 다르기 때문에, 'Append' 함수를 사용하여 '방향성'을 부여해 주어야 한다.

 

정리하면, 머티리얼내 택스쳐의 좌표를 마음대로 움직이기 위해

R,G 채널에 들어있는 '컬러값'을 도려낸 다음,

그 자리에 UV좌표값인 '백터값'을 넣어야 하는것이다.

 

 

 

 

C. 제작 프로세스

 

 

1. mask로 사용할 노이즈 혹은 패턴 택스쳐를 만들거나 구한다.

 

2. R,G,B,A중 x,y 포지션 좌표값으로 쓸 2개의 채널을 각각 선언해준다.

 

3. 선언해준 채널에 append 함수를 이용하여 uv값을 치환해 준다.

 

4. 'panner' 함수를 이용하여 원하는 속도값을 설정해 준다.

 

'Texture, Shader, Material' 카테고리의 다른 글

Parameter 관련 표현식  (0) 2019.10.04
UV, Vector 관련 표현식  (0) 2019.10.04
Append, Clamp, Lerp 함수  (0) 2019.10.04
이미지 포맷  (0) 2019.09.27
블랜드 함수  (0) 2019.09.27