이론:https://tithingbygame.tistory.com/142 [CG] FrameBuffer 사용해서 postProcessing(후처리)Framgbuffer를 적용한 간략한 순서1. 후처리 FrameBuffer를 만든다.2. 후처리 FrameBuffer에 물체들을 그려준다. (texture에 따로 저장)3. 기존 FrameBuffer에 사각형에 후처리 FrameBuffer에 저장된 texture를 입힌다.4.tithingbygame.tistory.com 1. 후처리 FrameBuffer에 물체들을 그려준다. (texture에 따로 저장)2. 기존 FrameBuffer에 사각형에 그린다.3. 사각형에 후처리 FrameBuffer에 저장된 texture를 입힌다.4. 해당 texture를 shad..

StencilBuffer를 통해서 추가적은 효과를 얻었다.glStencilMask(0x00); // 쓰기를 막아준다.glStencilMask(0xff);    // 쓰기를 가능하게 해준다. 아래가 핵심 코드인데glStencilFunc(GL_ALWAYS,1,0xff)   => 무조건 통과 + 물체 render + 그 위치에 stencil을 1로 교체glStencilMask(0xff)  => stencil buffer 쓰기 가능 // 원 그리기glStencilFunc(GL_NOTEQUAL, 1,0xff)   => Stencil이 1이 아닐 때 통과 => 그렇기 때문에 물체부분은 흰색으로 칠해지지 않는 것glStencilMask(0xff)  => stencil buffer 쓰기 불가능 ( 아웃라이너 그리면서 ..

https://tithingbygame.tistory.com/138 [실습저장소] Multi Light + Fog Effect tithingbygame.tistory.com 1. Multi Light Multi Light는 생각보다 간단합니다. 그냥 데이터를 2개 보내주고, Shader에서 for문으로 2번 그려주면 됩니다. 데이터 보내는 코드 // 첫 번째 조명 정보 설정 lights[0].lightPos = lightPosition; lights[0].padding = 0.0f; // 패딩은 사용하지 않지만 정렬을 위해 필요 lights[0].lightColor = glm::vec4(1.0f, 0.0f, 0.0f, 1.0f); // 빨간 조명 // 두 번째 조명 정보 설정 lights[1..

구현 https://tithingbygame.tistory.com/139

직전에 DepthMap에 대해서 공부를 했었다. ShadowMap은 DepthMap의 연장선이라고 볼 수 있다. https://tithingbygame.tistory.com/132 float(MSAA) -> Resolved(No MSAA) -> Post Effects -> Post Processing -> Back Buffer(최종 Swap Chain Present) Depth Map을 관리하기 위해서 DepthOnlyView를 만들어서 사용한다.PostEffect에서는 만든 De" data-og-host="tithingbygame.tistory.com" data-og-source-url="https://tithingbygame.tistory.com/132" data-og-url="https://tith..

Depth Map 만들기Rasterizatiion -> float(MSAA) -> Resolved(No MSAA) -> Post Effects -> Post Processing -> Back Buffer(최종 Swap Chain Present) Depth Map을 관리하기 위해서 DepthOnlyView를 만들어서 사용한다.PostEffect에서는 만든 Depth Map을 이용해서 안개효과를 만들어줄 것이다. (DepthOnlyDSV에는 MSAA를 사용하지 않고, DepthStencilView는 MSAA를 사용해서 Rendering을 한다. postEffectRTV은 MSAA를 사용하지 않도록 Resolved를 해준다.) 안개효과(Depth map을 다른 shader로 넘겨주기 위해서는)를 만들기 위해서..

Texturing을 바로 다루기 전에, 셋팅해야 될 내용들이 있다. 1.Wrapping0~1인 해당 범위를 벗어 났을 경우 어떻게 처리할 지에 대한 것이다.Repeat와 Clamp가 있다.Repear는 1을 다시 0부터 시작하게 하는 것이고,  Clamp는 1이상은 모두 1로 처리하는 것이다. 2. Magnification, Minification Texture의 크기 보다 크게 맵핑할 때(Magnification), 작게 맵핑할 때(Minification) 어떻게 처리할 지 우리가 미리 정해줘야된다.그 방법으로는 Nearest(가까운 값 선택) , Interpolaion(보간)이 있다.Nearest는 가까운 값을 선택하기 때문에 무늬가 생긴다. ( 부드럽게 처리가 아니라 색을 선택하기 때문에 순간적으로..

핵심: 명암의 단계가 나뉜다. 굉장히 쉽게 구현을 할 수 있다. Base는 Phong Shading이고, Fragment Shader를 살짝만 고쳐주면 된다. 아래가 Phong Shading으로 구를 그린 것이다. 이 코드에서 Shader를 살짝만 바꿔보자. Cartoon Rendering을 보면 명암이 딱딱 끊기는 것을 볼 수 있다. if, else if, ... 로 구역을 나눠서 렌더링을 해보면 float d = max(dot(N3, L3),0); vec4 diff; // 딱딱 나눠지는 명암 // Diffuse // 딱딱 나눠지는 명암 if (d > 0.6) diff = vec4(242.0f /255.0f , 22.0f / 255, 22.0f /255.0f, 1); el..

굵직하게 보면 이렇게 됩니다. Phong illumination modeling1.Flat shading2.Smoothing shading - Gouraud shading - Phong Shading Flat ShadingFlat Shading은 한 점에 여러 삼각형의 꼭짓점이 맞닿아있을 때, 각각의 삼각형의 normal vector를 모두 사용하는 것입니다.빨, 초, 파의 noraml vector가 다음과 같을 때,,가운데 점은 빨,초,파 색의 normal vector를 삼각형 그릴 때 마다 색에 맞게 사용한다. 코드로 보면, n을 하나하나 할당해주는 것을 볼 수 있다.a,b,c,d가 정점이고, normal vector는 cross 로 간단히 구할 수 있다.(아래 그림과 같은 원리이다 ..ㅎㅎ) ..

이론:https://tithingbygame.tistory.com/126 [CG]Phong Illumintaion Model: Flat, Smoothing Shading 이론굵직하게 보면 이렇게 됩니다. Phong illumination modeling1.Flat shading2.Smoothing shading - Gouraud shading - Phong Shading Flat ShadingFlat Shading은 한 점에 여러 삼각형의 꼭짓점이 맞닿아있을 때, 각각의 삼각형tithingbygame.tistory.com Flat Shaing에 빛 효과를 넣기 전, normal vector로만 색을 입혀준 모습입니다. Flat Shading에 ambient, diffuse, specular를 사용해서 ..

구현 방법: https://tithingbygame.tistory.com/117

Model View Matrix모델 뷰 행렬은 월드 좌표계에서 카메라 좌표계로 변환하는데 사용된다.즉, 카메라의 시점(카메라가 0,0,0에 있을 때 )을 기준으로 물체가 어떻게 보일지 결정하는 것이다. 카메라 좌표계로 변환하기 위해서는 다음의 두 가지 변환이 필요하다. (카메라를 0,0,0으로 돌려놓기 위해서 T,R했던 것을 반대로(역행랼) 다시 취해줘야 된다는 작업)  전체 변환 행렬 W는 W=T⋅R로 나타낼 수 있으며, 카메라 좌표계로 변환된 행렬 V는 W의 역행렬로 얻을 수 있다.  Rotation Matrix카메라의 위치와 방향을 설정하는 함수로, 카메라 위치를 기준으로 한 좌표계 변환을 수행합니다. Look-At 함수의 주요 수식은 다음과 같습니다:단위 벡터 n: (f - e)/|f - e|, ..