unity 2D图片 从上到下逐渐出现

要实现Unity 2D图片从上到下逐渐出现的效果，可以使用两种方式：

**方式一：使用Mask**

首先，创建一个空的GameObject，然后创建一个Image组件作为Mask。将Mask的Sprite设置为一个白色的图片，将它的Type设置为Filled，将Fill Method设置为Vertical，将Fill Origin设置为Top，将Fill Amount设置为0。

接下来，在同一GameObject上创建一个Image组件，将它的Sprite设置为你要显示的图片，设置它的Material为UI Default，将它的Rect Transform的Anchor Presets设置为Stretch Stretch。

然后，将这个Image组件的RectTransform的Position的Y值设置为一个比Mask的RectTransform的Height大的值，这样它就被隐藏在了Mask的下面。

最后，通过控制Mask的Fill Amount属性值来实现图片从上到下逐渐出现的效果。

**方式二：使用Shader**

首先，创建一个新的Shader文件，并在其中添加以下代码：

Shader "Custom/VerticalFade" {
    Properties {
        _MainTex ("Texture", 2D) = "white" {}
        _FadeAmount ("Fade Amount", Range(0, 1)) = 0.5
    }
    SubShader {
        Tags {"Queue"="Transparent" "RenderType"="Transparent"}
        LOD 100

        Pass {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            #include "UnityCG.cginc"

            struct appdata {
                float4 vertex : POSITION;
                float2 uv : TEXCOORD0;
            };

            struct v2f {
                float2 uv : TEXCOORD0;
                float4 vertex : SV_POSITION;
            };

            sampler2D _MainTex;
            float _FadeAmount;

            v2f vert (appdata v) {
                v2f o;
                o.vertex = UnityObjectToClipPos(v.vertex);
                o.uv = v.uv;
                return o;
            }

            fixed4 frag (v2f i) : SV_Target {
                float alpha = smoothstep(_FadeAmount - 0.05, _FadeAmount, i.uv.y);
                fixed4 col = tex2D(_MainTex, i.uv);
                col.a *= alpha;
                return col;
            }
            ENDCG
        }
    }
    FallBack "Diffuse"
}

上述代码中，我们定义了两个属性：一个纹理、一个淡出量。然后，在Pass中，我们根据纹理的UV坐标的Y值来计算出透明度，从而实现从上到下逐渐出现的效果。

接下来，将这个Shader应用到你的图片上，设置Fade Amount的初始值为1，然后在脚本中逐渐降低Fade Amount的值即可实现图片从上到下逐渐出现的效果。