Gradient + Transparency

[Basyan]

Доброго здравия. Ранее с этим не работал, поэтому обратился на форум. Для тех кто разбирается задача простая. Есть шейдер градиента, нужно добавить карту прозрачности на подобии стандартного "Unlit/Transparent". Буду благодарен за помощь.

Синтаксис:

Синтаксис: [ Показать ]

Используется csharp

Shader "Unlit/LinearGradient"
{
        Properties {
        _TopColor ("Color1", Color) = (1,1,1,1)
        _BottomColor ("Color2", Color) = (1,1,1,1)
    }
        SubShader
        {
                Pass
                {
                        CGPROGRAM
                        #pragma vertex vert
                        #pragma fragment frag
                       
                        #include "UnityCG.cginc"

                        fixed4 _TopColor;
                        fixed4 _BottomColor;

                        struct v2f {
                                float4 position : SV_POSITION;
                                fixed4 color : COLOR;
                        };

                        v2f vert (appdata_full v)
                        {
                                v2f o;
                                o.position = mul (UNITY_MATRIX_MVP, v.vertex);
                                o.color = lerp(_TopColor,_BottomColor, v.texcoord.y );
                                return o;
                        }

                        fixed4 frag (v2f i) : SV_Target
                        {
                                float4 color = i.color;
                                color.a = 1;
                                return color;
                        }
                        ENDCG
                }
        }
}
 

[DbIMok]

не проверял

Синтаксис:

Синтаксис: [ Показать ]

Используется glsl

Shader "Unlit/LinearGradient"
{
        Properties {
        _AlphaTex ("Alpha", 2D) = "white" {}
        _TopColor ("Top Color", Color) = (1,1,1,1)
        _BottomColor ("Bottom Color", Color) = (1,1,1,1)
    }
        SubShader
        {
                Pass
                {
                        CGPROGRAM
                        #pragma vertex vert
                        #pragma fragment frag
                       
                        #include "UnityCG.cginc"

                        sampler2D _AlphaTex;
                        fixed4 _TopColor;
                        fixed4 _BottomColor;

                        struct v2f {
                                float4 position : SV_POSITION;
                                fixed4 color : COLOR;
                                float2 texcoord : TEXCOORD0;
                        };

                        v2f vert (appdata_full v)
                        {
                                v2f o;
                                o.position = mul (UNITY_MATRIX_MVP, v.vertex);
                                o.color = lerp(_TopColor,_BottomColor, v.texcoord.y );
                                o.texcoord = v.texcoord;
                                return o;
                        }

                        fixed4 frag (v2f i) : SV_Target
                        {
                                fixed4 color = i.color;
                                color.a = tex2D(_AlphaTex, i.texcoord).a;
                                return color;
                        }
                        ENDCG
                }
        }
}

[Basyan]

Спасибо за ответ, шейдер не сработал.

Вот рабочее решение

Синтаксис:

Синтаксис: [ Показать ]

Используется glsl

Shader "Unlit/GradientAlpha" {
     Properties{
         _TopColor("Color1", Color) = (1,1,1,1)
         _BottomColor("Color2", Color) = (1,1,1,1)
         _MainTex ("Main Texture", 2D) = "white" {}
     }
         SubShader
     {
         Tags { "RenderType" = "Transparent" "Queue" = "Transparent" }
         Pass
         {
             ZWrite Off
             Blend SrcAlpha OneMinusSrcAlpha
 
             CGPROGRAM
             #pragma vertex vert
             #pragma fragment frag
 
             #include "UnityCG.cginc"
 
             sampler2D _MainTex;
             float4 _MainTex_ST;
 
             fixed4 _TopColor;
             fixed4 _BottomColor;
             half _Value;
 
             struct v2f {
                 float4 position : SV_POSITION;
                 fixed4 color : COLOR;
                 float2 uv : TEXCOORD0;
             };
 
             v2f vert (appdata_full v)
             {
                 v2f o;
                 o.position = mul (UNITY_MATRIX_MVP, v.vertex);
                 o.uv = TRANSFORM_TEX (v.texcoord, _MainTex);
                 o.color = lerp (_BottomColor,_TopColor, v.texcoord.y);
                 return o;
             }
 
             fixed4 frag(v2f i) : SV_Target
             {
                 float4 color;
                 color.rgb = i.color.rgb;
                 color.a = tex2D (_MainTex, i.uv).a * i.color.a;
                 return color;
             }
             ENDCG
         }
     }
 }

[i_am_kisly]

Еще нужно?

[Basyan]

Еще нужно?

Буду признателен за ваш вариант шейдера. Тот что я выложил выше некорректно работает на мобильных устройствах.

[i_am_kisly]

шейдер должен делать прозрачность по градиенту или как ? мб картинку нарисуете

[Basyan]

[i_am_kisly]

окей. взял в работу

[i_am_kisly]

Сделал в двух вариантах на скорую руку.
https://dropmefiles.com/M1PWw

[i_am_kisly]

ну че там ? помогло, нет ?

[Basyan]

i_am_kisly Огромное спасибо! Всё работает. Не знал о таком методе создания шейдеров, очень удобно.

[i_am_kisly]

Это для ленивых конечный результат надо еще переписывать потому как не оптимально делает.

[kripto289]

Это для ленивых конечный результат надо еще переписывать потому как не оптимально делает.

Я бы глянул код итоговый код. Мне кажется вряд ли можно упороть код в котором кроме пары lerp ничё нет.

[waruiyume]

Нодовые редакторы, по крайней мере раньше, умели генерить только сурфейс шейдеры, которые, в данном случае, и не нужны, хотя хз, что после компиляции от него останется, и генерируют абсолютно нечитаемые текстовые конструкции, в духе: "node107 = lerp(max(pow(node453, node175), saturate(node256-node108 * node1024)), node303+node205)", а насчёт производительности, вроде, никто не жалуется. Или действительно бывает медленней, чем написанное руками?