배고픈 공부 창고

[GLSL] GLSL 내장함수 : step, Mix

공부용으로 작성되는 페이지입니다. 틀린 부분이나 환경에 따라 오류가 발생할 수 있습니다. 이번 강의 내용 목차 4번째 강의는 크게 IF문 / 함수(Step, Mix)로 구성되어있다. if문을 통해서 한 이미지 내에서 분기점을 만들고, 그 분기점에 따라 다른 이펙트가 적용되도록 만드는 것이 이번 강의의 목적이다.참고로 문법적인 상세한 설명은 하지 않을 예정이며 모두 다루진 않으니 영상도 한 번쯤 시청하는걸 권한다. IF문 TD 내의 좌표를 생각해보자. 지난 시간처럼 따로 곱해주지않는한 좌표는 기본적으로 (0,0) -> (1,1) 로 구성되어있다. if문과 좌표값을 적절히 사용하면 한 이미지 내에서도 여러가지 변형을 적용할 수 있다. void main(){ vec2 p = vUV.st; ve..

[GLSL] Zoom Effect

공부용으로 작성되는 페이지입니다. 틀린 부분이나 환경에 따라 오류가 발생할 수 있습니다. 의도치않게 밀리고 밀린 GLSL 시리즈... HLSL을 공부하느라 밀렸다는 것도 약간 아이러니하다 흥미로운 TD 튜토리얼 영상을 찾아서 그걸 공부해보기전에 TDSW GLSL 시리즈를 끝내고 싶어서 다시 시작했다. GLSL와 크게 관련 없는 부분은 길게 설명해두지 않았으니 가급적 원본 동영상도 시청하길 권장한다!Zoom Effect : UV이번 시간에 만들어볼 것은 이미지가 zomm in-out 되는 간단한 이펙트다!우선 이미지를 한 장 준비해서 Index 0로 GLSL top에 연결해준다. v.UV를 변수로 대체해서 진행해보자. 이 때 sTD2DInputs[0] 텍스쳐와 같이 쓰게되는데, 이것은 TD에 내장되어..

공부용으로 작성되는 페이지입니다. 틀린 부분이나 환경에 따라 오류가 발생할 수 있습니다.    기본적으로 openGL을 그리기 위해서는 cmake나 GLFW 등 다른 라이브러리를 동반해서 많이 사용하지만해당 스터디에서는 The Book of Shaders Editor 라는 웹 에디터를 사용한다.  이 스터디에서 작성하지 않은 파이프라인이나 기타 용어는 다른 글 참고 (TD 기반이므로 혼재되어있음 주의) [GLSL] Graphics pipeline과 Vector4공부용으로 작성되는 페이지입니다. 틀린 부분이나 환경에 따라 오류가 발생할 수 있습니다. 1. OpenGLopenGL은 Open Graphic Library로, 3D 그래픽을 처리하는 역할을 한다.컴퓨터가 그래픽을 처리하는hungrykang.tis..

공부용으로 작성되는 페이지입니다. 틀린 부분이나 환경에 따라 오류가 발생할 수 있습니다. 1. OpenGLopenGL은 Open Graphic Library로, 3D 그래픽을 처리하는 역할을 한다.컴퓨터가 그래픽을 처리하는 과정을 흔히 Graphics Pipeline이라고 표현한다.   특히 OpenGL의 경우 그래픽을 그리기 위해서 Vertex Shader와 Fragment Shader가 필수적으로 필요하다.경우에 따라서는 Fragment Shader는 Pixel Shader라고도 부른다. (TD도 Pixel Shader로 정의되어있음)이 두가지 셰이더는 프로그래머가 코드 작성 및 수정이 직접적으로 이루어진다. Geometry Shader : Vertex Shader 다음에 실행되며 도형을 조정하는데 ..