흑백 효과

• 흑백 효과를 내기위해서 는 rgb 색상을 red 30%, green 30%, blue 11% 으로 하면된다고한다.
  • 즉 셰이더에서 내적을 통해 구할수있다.
  • dot(color.rgb, float3(0.3, 0.59, 0.11);

세피아 효과

• 사진현상 기법중 하나로 약간 붉그스름하게 갈색빛이 돌게하는 효과이다.
• MS에서 권하는 공식은 아래와 같다.
  • R' = (R x 0.393 + G x 0.769 + B x 0.189)
  • G' = (R x 0.349 + G x 0.686 + B x 0.168)
  • B' = (R x 0.272 + G x 0.534 + B x 0.131)
• 즉. 아래와같은 공식으로 구할수있다.
  • color.r = dot(color.rgb, float3(0.393, 0.769, 0.189));
  • color.g = dot(color..rgb, float3(0.349, 0.686, 0.168));
  • color.b = dot(color..rgb, float3(0.272, 0.534, 0.131));

외각선 찾기

• 2D 이미지에서 픽셀만으로 외각선을 찾기 위해서는 다양한 컨벌루션이 존재하지만 소벨 연산자를 이용한다면 아래의 행렬을 사용했을때 결과가 0이면 외곽선이 없다는 뜻이다.

  • (양수,음수 상관없이 절대값 사용.)
  • (Kx -> 좌우 외곽선,  Ky -> 상하 외곽선)
  • Kx={ -1,  0,  1, -2,  0,  2, -1,  0,  1}
  • Ky={ 1,  2,  1, 0,  0,  0, -1, -2, -1}

• 픽셀 셰이더에서 다음과 같이해서 찾는다.

  struct PS_INPUT
  {
     float2 mUV : TEXCOORD0;
  }; 
  
  sampler2D SceneSampler;
  
  float3x3 Kx = { -1,  0,  1,
                  -2,  0,  2,
                  -1,  0,  1};
  
  float3x3 Ky = {  1,  2,  1,
                   0,  0,  0,
                  -1, -2, -1};
  
  float2 gPixelOffset;
  
  float4 ps_main(PS_INPUT Input) : COLOR0
  {   
     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);
  }
  

양각효과

struct PS_INPUT
{
   float2 mUV : TEXCOORD0;
}; 

sampler2D SceneSampler;

float3x3 K = { -2, -1,  0,
               -1,  0,  1,
                0,  1,  2};
float2 gPixelOffset;

float4 ps_main(PS_INPUT Input) : COLOR0
{   
   float res = 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));
         res += luminance * K[y+1][x+1];
      }
   }

   res += 0.5f;
   return float4(res.xxx, 1);
}