TouchDesigner GLSL 2D, 3D

Vertex Shader Big Picture

vertex DATA를 Vertex Shader를 2D, 3D에서 작업할 수 있도록 가져옴. Rasteration을 통해서 Vertex가 Fragment Shader로 변환 가능하게 함. Fragment Shader에서는 픽셀의 값을 결정합니다.

 

glsl MAT 기본 

glsl_vertex

vertex 정보를 2D 및 3D에 배치하는 작업을 위한 코드 작성.

주로 vertex의 위치값을 변경. 

TDDeform : vertex위치 변경

TDWorldToProj : rasterization될 준비 완료. 

glsl_pixel

픽셀의 값 결정. 

주로 pixel의 색상 변경. 

geometry 변형시키기 with Vertex Shader

1.기본 구조 만들기

2. 변경 시킬 값 constant CHOP으로 만들기 및 uniform Parameter 정의

3. glsl_vertex DAT 창을 열어서 코드 작성. 

shader에 data보내기

vertex shader에서 pixel shader로 데이터 보내기(in, out)

vertex shader에서 데이터 값을 out으로 정의하고, 이를 pixel shader에서 in으로 받는다.

vertex shader

pixel shader

Texture Shader 사용하기

Depth data & color data to pointCloud

instanceID -> uv.xy 변환

x = instanceID % width

y = instanceID / width

 

아래와 같은 경우 연산하게 되면 아래와 같다.