【转载】Unity 调试 shader

文章来源: 腾讯独立游戏孵化器
原文链接: Unity 调试 shader | feng

原文写得很好，但是主题格式我不太喜欢，所以我对文章的格式进行了修整，方便自己日后阅读

为了方便大家给模型做效果，就给大家准备了两款调试 Unity 的 shader 的工具，方便大家提升效率，这两个工具分别是 Frame Debugger 和 RenderDoc 。

测试着色器代码

• 过渡色 Shader

Shader "Unlit/NewVerticesUnlitShader"
｛
    Properties
    ｛
        _MainTex ("Texture", 2D) = "white" ｛｝
        _TopColor("Top Color",Color)=(1,1,1,1)
        _CenterColor("Center Color",Color)=(1,1,1,1)
        _BottomColor("Bottom Color",Color)=(1,1,1,1)
    ｝
    SubShader
    ｛
        Tags ｛ "RenderType"="Opaque" ｝
        LOD 100
        Pass
        ｛
            CGPROGRAM
            #pragma enable_d3d11_debug_symbols
            #pragma vertex vert
            #pragma fragment frag
            // make fog work
            #pragma multi_compile_fog
            #include "UnityCG.cginc"
            struct appdata
            ｛
                float4 vertex : POSITION;
                float2 uv : TEXCOORD0;
            ｝;
            struct v2f
            ｛
                float2 uv : TEXCOORD0;
                UNITY_FOG_COORDS(1)
                float4 vertex : SV_POSITION;
                fixed4 color : COLOR;
            ｝;
            sampler2D _MainTex;
            float4 _MainTex_ST;
            fixed4 _TopColor;
            fixed4 _CenterColor;
            fixed4 _BottomColor;
            v2f vert (appdata v)
            ｛
                v2f o;
                float3 dir = normalize(v.vertex);
                float lp;
                if (dir.y>0)
                ｛
                    lp = (1 - dir.y) /1;
                    o.color = lerp(_TopColor, _CenterColor, lp);
                ｝
                else
                ｛
                    lp =(1+ dir.y) / 1;
                    o.color = lerp(_CenterColor, _BottomColor, lp);
                ｝
                o.vertex = UnityObjectToClipPos(v.vertex);
                o.uv = TRANSFORM_TEX(v.uv, _MainTex);
                UNITY_TRANSFER_FOG(o,o.vertex);
                return o;
            ｝
            fixed4 frag (v2f i) : SV_Target
            ｛
                //// sample the texture
                //fixed4 col = tex2D(_MainTex, i.uv);
                //// apply fog
                //UNITY_APPLY_FOG(i.fogCoord, col);
                //return col;
                return i.color;
            ｝
            ENDCG
        ｝
    ｝
｝

Frame Debugger

Frame Debugger 是 Unity 自带的真调试工具

1. 运行场景
2. 点击 Window -> Analysis -> Frame Debugger
3. 点击 Enable，就可以查看渲染物体的 ShaderProperties
4. 截图

RenderDoc

1. 下载安装 RenderDoc
2. 重启 Unity 编辑器，右键点击 Scene 或 Game 窗口选择 Load RenderDoc
3. 运行场景，点击 Game 窗口右边的 人头小图标，即可 截图当前帧的数据
4. 在 RenderDoc 右键或者双击打开当前的截图
5. 找到我们想要查看 shader 的那一块，再点击 Vertex Shader ,发现这里 shader 的名称正好是我们需要查看的 shader
6. 点击 Mesh Output 就能看见模型实际和渲染很详细的数据

有关 RenderDoc 更进一步的详细调试步骤请参考这篇文章 Unity Shader 调试 | HipHopBoy