728x90 분류 전체보기222 [ShaderLab] Matcap ■ Matcap이란? Matcap이란 Material Capture의 준말. Ramp Texture와 같이 이미지로 조명을 대신 사용하는 방식 [IBL; Image Based Lighting]이다. 최적화를 많이 신경써야하는 모바일에서 자주 사용하는 Fake Lighting 기법이다. 라이트를 전혀 사용하지 않고도 조명을 내는 효과를 낼 수 있다. ■ 구현 먼저 월드 좌표계 노말을 활용해 라이팅 없이 각 버텍스의 컬러를 조절해주는 설정을 해보겠다. 빛의 영향을 받지 않는 Emission에 월드노말을 대입했을 때 위와 같은 모습을 띈다. 하지만 카메라의 방향과 각도에 따라 달라지게 할려면 아래와 같이 뷰 좌표계를 기준으로 노말을 계산해줘야한다. View Matrix (뷰 행렬)을 월드 노말에 곱함으로써 뷰.. 2024. 3. 10. [ShaderLab] Dissolve ■ Dissolve 소멸 효과를 줄 때 많이 사용하는 쉐이더 기법. Unity C#에 있는 Mathf 클래스의 Pingpong이 Shaderlab에는 없어서 어떻게 구현할지 고민 후 내장된 변수 시간(Time)에 따라 사라졌다가 다시 생기도록 설정해봤다. [1st Pass: 몸속 내부가 보이지 않도록 설정] [2nd Pass: 몸 외부가 사라졌다가 다시 생겨나는 dissovle 효과] [완성된 모습] 그냥 보기엔 밋밋하다. 사라지는 구간의 외곽에 색깔을 더하겠다. 프로퍼티로 Color와 Thickness를 추가했고 Color같은 경우 0~1범위를 벗어나는 색깔을 표현하고자 [HDR] 키워드를 추가했다. HDR을 사용하려면 그래픽세팅에 Use HDR이 체크되어있어야하고 Quality 옵션에서 Anti-Al.. 2024. 3. 6. [ShaderLab] 2Pass AlphaBlending ■ 응용 이전에 배운 2Pass와 AlphaBlending을 응용한 것이다. 만약 반투명처리를 한다면 캐릭터 내부에 뼈라든지 관절이라든지 다 보일 것이다. 의도한 것이 아니라면 원래 보통 생각하는 반투명은 피부만 보이는 상태에서 알파값이 0.5가 되는 것이다. ▼ 그냥 처리한다면 아래와 같이 몸통 내부가 다 보인다. [해결방법] 이를 해결하기 위해서는 Two Pass 기법과 Alpha Blending 기법을 혼용해야한다. RenderType과 Queue는 그대로 Transparent로 지정해주고 첫번째로 그려줄 1st Pass는 'zwrite on'과 'ColorMask 0'을 설정해준다. zwrite on은 뎁스 버퍼의 콘텐츠를 사용하겠다는 것인데 쉽게 말해 앞서 배운 Z Buffering을 사용하겠다.. 2024. 3. 6. [ShaderLab] 알파 블렌딩 (Alpha Blending) ■ Alpha Blending 기본적으로 게임 오브젝트들은 렌더링파이프라인을 통해 화면에 그려지게 되는데 Output Merger 단계에서 z-buffering을 통해 여러 사물의 렌더링 순서를 결정해준다. 이렇게 불투명한 오브젝트들은 z-buffering을 통해 그려준다면 별 문제가 없는데 반투명 물체를 그려줄 때는 문제가 생길 수 있다. 뒤에있는 불투명한 오브젝트를 먼저 그려주고 앞에 있는 반투명한 오브젝트를 그려준다면 문제 없이 렌더링 된다. 하지만, 앞에있는 반투명 오브젝트가 그려지고 뒤에 있는 불투명한 오브젝트를 그려준다면 반투명 오브젝트가 그려지면서 z버퍼에 정보를 넘겨주게되어 뒤에 위치한 불투명한 오브젝트의 일부분이 잘리게 된다. 반투명한 물체가 아니라 하나의 Quad에 알파값을 갖고있는 텍.. 2024. 3. 6. [ShaderLab] Cubemap (with MaskMap) ■ CubeMap 리얼타임으로 반사(Reflection) 렌더링을 하는 것은 매우 무겁다. 그래서 많이 사용하는 방식은 CubeMap(큐브맵)이라는 환경 텍스처를 이용해 주변 이미지를 텍스처로 만든 뒤 오브젝트에 씌우는 것이 있다. 먼저 아래와 같이 cubemap을 만들어줬다. 고화질의 텍스처의 설정 모습이다. 위에서 만든 Cubemap을 아래 쉐이더 코드를 작성한 뒤 삽입해주면 된다. 그러면 해당 쉐이더를 적용받고있는 오브젝트가 마치 skybox의 전경을 반사하고 있는 것처럼 보인다. 여기에 디테일함을 추가하기 위해 노말맵을 추가할려고했다. 일반적인 노말 적용 방식으로 하려고한다면 아래와 같이 에러가 검출된다. 위와 같은 에러가 발생하는 이유는 Surface Shader의 Input 구조체에 내포되어있.. 2024. 3. 5. [ShaderLab] Diffuse Warping ■ Diffuse Warping Valve 사에서 발표한 그래픽스 관련 논문에 소개된 기법이다. Warp Diffuse 혹은 Ramp Texture라고도 불린다. 이 기법은 빛 계산으로 쓰이는 공식인 노말과 라이트 벡터의 내적을 uv에 대응하는 기술이다. 아래 코드를 확인해야한다. 텍스처의 좌하단을 기준으로 (0, 0)부터 시작한다. 가로축은 u 세로축은 v. 위 코드 속 ramp 텍스처를 uv에 대응시키는 구간을 보면 RamTexture의 y축은 0.5를 고정하고 x축은 서서히 ndotl의 값에 따라 0~1사이의 값을 가져다 사용하도록 작성하였다. 이의 결과물은 아래와 같다. 이제 노말맵과 메인텍스처의 알베도 값을 혼용하여 적용해보겠다. 그럴싸해졌다. 여기서 앞서 배운 Half Vector와 노말의 내.. 2024. 3. 5. [ShaderLab] NPR - 2Pass, Fresnel ■ PR, NPR 앞서 공부했던 Standard, Lambert, Blinn-Phong의 공통점은 실사와 비슷하게 표현하려고 하는 것이다. 이와 같은 렌더링 방식을 PR(Photo Realistic)이라고 한다. 이와 반대로, 전혀 사실적이지 않은 렌더링 시도가 있는데 대표적으로 셀 쉐이더 (Cell Shader or Toon Shader)가 있고 이러한 방식을 NPR(Non-Photo Realistic)이라고 한다. ■ 외곽선 만드는 방법 대표적으로 아래와 같이 두 가지가 있다. (1) 2Pass를 이용한 외곽선 제작 (2) Fresnel을 이용한 외곽선 제작 구분 특징 장점 단점 2Pass 이용 먼저 Pass란 '한 번 그리는 것'을 뜻한다.그러므로 2Pass는 두 번 그린다는 뜻이다. (1) 완전히.. 2024. 3. 4. [ShaderLab] Blinn-Phong, Gloss Map, Fake Specular ■ Blinn-Phong 여러 가지 스페큘러 표현 공식 중 가장 유명하고 전통적인 방식이다. 기본 원리는 '내가 바라보는 방향으로부터 반사되는 방향에 조명이 있으면 그 부분의 하이라이트가 가장 높다'이다. 보통 하이라이트를 표현하는 공식은 매우 유명한 Phong공식이 사용된다. Phong 공식은 반사 벡터와 조명 벡터의 내적으로 스페큘러를 표현하는 방식이다. 공식은 R(반사벡터) = 2N(L · N) - L 이다. 이러한 Phong 공식을 간략화한 것이 Blinn-Phong 공식이다. BlinnPhong은 '시선 벡터와 조명 벡터의 중간값인 하프 벡터(Half Vector)를 구하고 이를 노멀 벡터와 내적' 하는 것이다. 공식은 H · N 이다. 하프벡터를 구하는 방법은 시선벡터와 조명벡터를 더해주면 된.. 2024. 3. 3. [ShaderLab] Rim Light, Hologram ■ Fresnel (프레넬), Rim Light (림라이트) 우리 주변을 자세히 살펴보면 모든 물체는 기울어질수록 반사가 심해진다는 것을 느낄 수 있다. 실제로 모든 물체는 길우기가 심할수록 반사가 되며 그 반사율은 재질에 따라 크게 달라진다. 이와 같이 재질과 각도에 따라 빛이 반사되는 세기가 달라지는 현상을 프레넬(Fresnel) 현상이라고 한다. 역광을 예로, 털이나 반투명 재질의 물체들은 이 현상이 강렬하게 나타날 수 있고 재질에 따라 때로는 잘 보이지 않게 나타날 수도 있다. 이러한 역광으로 오브젝트의 외곽이 빛나보이는 듯한 현상을 림라이트(Rim Light)라고한다. ■ Fresnel 공식 구현 먼저 우리가 엔진에 내장되어 받을 수 있는 변수 중 viewDir인 뷰벡터 [카메라 벡터]를 얻어온.. 2024. 3. 3. 이전 1 ··· 4 5 6 7 8 9 10 ··· 25 다음 728x90
