리얼타임 게임에 Kuwahara 필터를 넣어보면 어떨까?

https://medium.com/@EightyLevel/automatic-stylization-for-realistic-assets-11ccd341e777

>> 이 게시물에 있는 배경의 느낌을 졸작으로 구현해보면 좋겠다고 생각했다.

일단, 인터넷에서 찾은 UnityShader 소스.

https://www.reddit.com/r/shaders/comments/5e7026/help_making_an_oil_paint_post_processing_shader/

Shader "Unlit/Oil Painting" { Properties { _MainTex("Texture", 2D) = "white" {} _Radius("Radius", Range(0, 10)) = 0 } SubShader { Blend SrcAlpha OneMinusSrcAlpha Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #pragma target 3.0 #include "UnityCG.cginc" struct v2f { float4 pos : SV_POSITION; half2 uv : TEXCOORD0; }; sampler2D _MainTex; float4 _MainTex_ST; v2f vert(appdata_base v) { v2f o; o.pos = UnityObjectToClipPos(v.vertex); o.uv = TRANSFORM_TEX(v.texcoord, _MainTex); return o; } int _Radius; float4 _MainTex_TexelSize; float4 frag(v2f i) : SV_Target { half2 uv = i.uv; float3 mean[4] = { { 0, 0, 0 }, { 0, 0, 0 }, { 0, 0, 0 }, { 0, 0, 0 } }; float3 sigma[4] = { { 0, 0, 0 }, { 0, 0, 0 }, { 0, 0, 0 }, { 0, 0, 0 } }; float2 start[4] = { { -_Radius, -_Radius },{ -_Radius, 0 },{ 0, -_Radius },{ 0, 0 } }; float2 pos; float3 col; for (int k = 0; k < 4; k++) { for (int i = 0; i <= _Radius; i++) { for (int j = 0; j <= _Radius; j++) { pos = float2(i, j) + start[k]; col = tex2Dlod(_MainTex, float4(uv + float2(pos.x * _MainTex_TexelSize.x, pos.y * _MainTex_TexelSize.y), 0., 0.)).rgb; mean[k] += col; sigma[k] += col * col; } } } float sigma2; float n = pow(_Radius + 1, 2); float4 color = tex2D(_MainTex, uv); float min = 1; for (int l = 0; l < 4; l++) { mean[l] /= n; sigma[l] = abs(sigma[l] / n - mean[l] * mean[l]); sigma2 = sigma[l].r + sigma[l].g + sigma[l].b; if (sigma2 < min) { min = sigma2; color.rgb = mean[l].rgb; } } return color; } ENDCG } } }

이걸 postprocessing으로 처리하는 cs파일을 만들었다.

using System; using UnityEngine; [ExecuteInEditMode] public class kuwaharashader : MonoBehaviour { [Range(0, 10)] public int iterations = 3; public Shader kuwaharaShader = null; static Material m_Material = null; protected Material material { get { if (m_Material == null) { m_Material = new Material(kuwaharaShader); m_Material.hideFlags = HideFlags.DontSave; } return m_Material; } } protected void OnDisable() { if (m_Material) { DestroyImmediate(m_Material); } } // -------------------------------------------------------- protected void Start() { // Disable if we don't support image effects if (!SystemInfo.supportsImageEffects) { enabled = false; return; } // Disable if the shader can't run on the users graphics card if (!kuwaharaShader || !material.shader.isSupported) { enabled = false; return; } } void OnRenderImage(RenderTexture source, RenderTexture destination) { int rtW = source.width / 4; int rtH = source.height / 4; RenderTexture buffer = RenderTexture.GetTemporary(rtW, rtH, 0); // Blur the small texture for (int i = 0; i < iterations; i++) { RenderTexture buffer2 = RenderTexture.GetTemporary(rtW, rtH, 0); RenderTexture.ReleaseTemporary(buffer); buffer = buffer2; } Graphics.Blit(buffer, destination); RenderTexture.ReleaseTemporary(buffer); } } </<textarea>

포스트 프로세싱을 위한 스크립트를 만들 때는 꼭

    [ExecuteInEditMode]

를 선언해 줘야 하는 것 같다. 왜 선언해 주어야 하는지 알아보자.

아. 위에 꺼는 적용하니까 화면이 검은색이 되었다ㅋㅋㅋㅋ

using System; using UnityEngine; [ExecuteInEditMode] public class Test : MonoBehaviour { public Material kuwahara; void OnRenderImage(RenderTexture src, RenderTexture dst) { Graphics.Blit(src, dst, kuwahara); } }

이렇게 하면 렌더 화면 전체에 필터가 적용된다.

<문제제기>

-Toon Shader가 적용된 물체는 영향을 안받게 마스킹같은 걸 하는 방법을 찾아야 한다.

-솔직히 맨 위의 링크에 있는 배경이랑 비교하면 완전 허접 구데기다. 

https://github.com/yeataro/TD-Anisotropic-Kuwahara

이런 느낌이 날 수 있도록 셰이더를 수정하는 법을 찾아야 한다. 픽셀에 어떤 연산을 하면 이런 느낌이 나게 되는건가?

-링크에 나오는 렌더샷은 필터가 적용된 후에 Fog가 적용된 것 같다. 뿌연 느낌이 있는 걸 보니까.

그렇다면, postprocessing으로 kuwahara Filter를 적용하는 것과, unity standard shader에 Kuwahara Filter를 서브 쉐이더라던지, 외곽선 검출 방법처럼 1번은 스탠다드, 2번은 kuwahara를 렌더하는 식으로 해야할지 시도해 봐야 한다.