Unity中实现从随机位置逐渐扩散的颜色渐变动画效果

原创

已于 2024-07-19 10:33:36 修改 · 2.5k 阅读

38 ·

CC 4.0 BY-SA版权

文章标签：

#unity #游戏引擎

于 2024-07-18 21:53:31 首次发布

效果

最近要做个产品展示的案例，突然想到之前看到的一个汽车商业案例，点击不同的颜色车漆很顺滑的过渡到目标颜色，非常炫酷，于是就想着实现一下，废话不多说，先来看效果。

实现过程

要实现这种效果肯定得整shader，我对shader是一窍不通，没办法只能去问chatgpt，给出了这样的代码；

Shader "Custom/GradientShader"
{
    Properties
    {
        _Center ("Center", Vector) = (0,0,0,0)
        _Color1 ("Color 1", Color) = (1,1,1,1)
        _Color2 ("Color 2", Color) = (0,0,0,1)
        _Radius ("Radius", Float) = 0.0
    }
    SubShader
    {
        Tags { "RenderType"="Opaque" }
        LOD 200

        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;
            };

            float4 _Center;
            fixed4 _Color1;
            fixed4 _Color2;
            float _Radius;

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

            fixed4 frag (v2f i) : SV_Target
            {
                float dist = distance(i.uv, _Center.xy);
                float t = smoothstep(0.0, 1.0, dist / _Radius);
                return lerp(_Color1, _Color2, t);
            }