在 Unity 中掌握 Surface Shader，让曲线尽情舞动

后端

2024-01-15 07:36:02

Surface Shader 是 Unity 中的一款强大工具，可以让你深入探索着色器的世界，为你的项目注入更多的创造力。在本教程的下半部分，我们将深入探究如何使用 Surface Shader 让曲线动起来，打造令人惊叹的视觉效果。

着色器图的魅力

Unity 中的着色器图提供了一个直观的界面，让你轻松创建复杂的着色器。对于曲线动画，着色器图是一个非常宝贵的工具。通过将节点连接在一起，你可以定义控制曲线移动和变形的效果。

创建着色器图

在 Unity 中创建一个新的着色器图。
从节点菜单中添加一个“时间”节点。
添加一个“正弦”节点，并将“时间”节点连接到它的输入。
添加一个“乘法”节点，并将“正弦”节点连接到其中一个输入。
添加一个“常量”节点并设置值“0.1”。将“常量”节点连接到“乘法”节点的另一个输入。
添加一个“输出”节点，并将“乘法”节点连接到它的“Vertex Position”输入。

这个着色器图将根据时间创建正弦波，它将被用作曲线的动画基础。

在 Surface Shader 中实现

有了着色器图，现在我们可以编写 Surface Shader 来实现曲线动画。

// Shader代码

Shader "Custom/DancingCurve"
{
    Properties
    {
        _Color ("Color", Color) = (1,1,1,1)
        _MainTex ("Main Texture", 2D) = "white" {}
    }

    SubShader
    {
        Tags { "RenderType"="Opaque" }
        LOD 100

        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

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

            v2f vert(float4 vertex : POSITION, float2 uv : TEXCOORD0)
            {
                v2f o;
                o.vertex = vertex;
                o.uv = uv;
                return o;
            }

            sampler2D _MainTex;
            fixed4 _Color;

            fixed4 frag(v2f i) : SV_Target
            {
                fixed4 color = tex2D(_MainTex, i.uv);
                color *= _Color;
                return color;
            }
            ENDCG
        }
    }
}