はじめに

今年の3月ぐらいに少しVRChatに触れました。たまたま初ログイン時にシェーダーが滅茶苦茶出来る方がいてシェーダー芸を見せてくれました。そこから、少しずつシェーダーを勉強しています。

今回紹介するのは5月ぐらいに作ってみた書くことが出来るホワイトボードです。

準備

まず、カメラをCreateして次のように設定します。 f:id:vxd-naoshi-19961205-maro:20181112232211p:plain

ProjectionをOrthographicにする
Target TextureにRenderTextureを設定する

カメラの次にQuadを作成し、カメラのサイズと合わせます。 f:id:vxd-naoshi-19961205-maro:20181112232948p:plain

シェーダー

ここでシェーダーを書きます。あまり複雑なことはしてません。

Shader "Custom/WhiteBoardShader" {
    Properties{
        _MainTex("RenderTexture", 2D) = "white" {}
    }
    SubShader{
        Tags {
            "RenderType" = "Opaque"
        }
        LOD 100

        Pass {
            Cull off
            CGPROGRAM
            #pragma vertex vert_img
            #pragma fragment frag
            #include "UnityCG.cginc"

            struct Input {
                float2 uv_MainTex;
            };

            sampler2D _MainTex;

            float4 frag(v2f_img i) : SV_Target{

                fixed4 col = tex2D(_MainTex, i.uv);
                return col;

            }
            ENDCG
        }
    }
}

解説はブログの始めに張ったスライドのほうが詳しく書いていますが、両面描画するようにしたぐらいです。スライドのコードでは色はすべて黒に、このコードでは触られた色を描画するようにします。

シェーダーが出来たらマテリアルを作成し、RenderTextureをTextureに設定してQuadにマテリアルを設定すると完成します。

※補足：RenderTextureの解像度を上げるとジャギが減ります。