ch12.md

외곽선 찾기와 양각효과

외곽선 찾기

컨벌루션	wiki: Convolution	현재 픽셀을 중심으로 해서 그 주위에 있는 픽셀마다 가중치를 곱한 뒤, 결과를 모두 더한 값으로 현재 픽셀의 값을 변경하는 연산
커널	kernel	행렬 형대로 저장한 가중치의 집합

• wiki: Sobel operator

소벨 연산자의 커널

좌우 외곽선 검출
     | -1  0 +1 |
Kx = | -2  0 +2 |
     | -1  0 +1 |

상하 외곽선 검출
     | +1 +2 +1 |
Ky = |  0  0  0 |
     | -1 -2 -1 |

컨벌루션 결과
L = sqrt(Lx * Lx + Ly * Ly)

shader

struct PS_INPUT
{
   float2 mUV : TEXCOORD0;
};

sampler2D SceneSampler;
float2 gPixelOffset;

float3x3 Kx = { -1,  0, +1,
                -2,  0, +2,
                -1,  0, +1};

float3x3 Ky = { +1, +2, +1,
                 0,  0,  0,
                -1, -2, -1};

float4 ps_main(PS_INPUT Input) : COLOR
{
   float Lx = 0;
   float Ly = 0;

   for (int y = -1; y <= 1; ++y)
   {
      for (int x = -1; x <= 1; ++x)
      {
         float2 offset = float2(x, y) * gPixelOffset;
         float3 tex = tex2D(SceneSampler, Input.mUV + offset).rgb;
         float luminance = dot(tex, float3(0.3f, 0.59f, 0.11f));

         Lx += luminance * Kx[y + 1][x + 1];
         Ly += luminance * Ky[y + 1][x + 1];
      }
   }

   float L = sqrt((Lx * Lx) + (Ly * Ly));
   return float4(L.xxx, 1);
}

양각효과

• wiki: Image embossing

대각 엣지 검출

     |  0 +1 +2 |
K\ = | -1  0 +1 |
     | -2 -1  0 |

     | -2 -1  0 |
K/ = | -1  0 +1 |
     |  0 +1 +2 |

기타 고급 포스트이펙트 기법

• 색상보정
• HDR
  • https://www.slideshare.net/cagetu/ndc11-hdr
  • https://www.slideshare.net/agebreak/ndc12-hdr
  • Tone Mapping
    • HDR 결과를 디스플레이 출력이 가능한 적합한 휘도 범위로 변환해 주는 처리(HDR -> LDR)
  • Bloom
    • 밝기추출 -> Gaussian Blur
• vignette
• Depth Of Field
• SSAO: Screen Space Ambient Occlusion
• motion blur: 카메라가 움직이는 정도에 따라 저번 프레임과 현재 프레임을 블렌딩.

고급 쉐이더 기법 찾기

• gpg gems
• ShaderX / GPU Pro
• SIGGRAPH
• GDC(Game Developers Conference)
• Gamefest