Unity Shader入门☀️ | 使用Shader实现一个彩虹球效果✨！闪闪发光的特效离我又近了一步！

Posted 2021-08-22 呆呆敲代码的小Y

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Unity Shader入门☀️ | 使用Shader实现一个彩虹球效果✨！闪闪发光的特效离我又近了一步！相关的知识，希望对你有一定的参考价值。

前几天看到 CSDN 的一位 Unity大佬（陈言必行）在使用工具自己制作Shader的各种特效等等
我就被提起了兴趣，虽然那位大佬讲的我还没完全学会
但是我就自己尝试做几个Shader试试看吧
那今天就使用Shader来做一个简单的彩虹球，就当做入门啦~

🍇彩虹球制作

首先打开Unity工程在Project面板上右键Create创建一个Shader！
可以看到可以创建的种类有很多，但是我们先随便选一个就行~

创建完之后双击打开这个Shader
我的是下图这样的，看起来跟C#的普通Script差别还是很大的！
而且在这里面写错了代码一般是没有报错提示的，但是也可以通过下载一些插件来让他显示报错提示！
接下来就是把这些代码全删掉！
是的博主没打错字，全删掉就行了，我们自制的小Shader是不需要这些代码的！

🏳️‍🌈简单介绍一下Shader结构

然后看一下，下面写的Shader代码

//设置Shader的路径和名称
Shader "MyShaders/shader001"
{
	//外部属性设置
	Properties
	{
	   _MainColor("颜色",Color) = (1,1,1,1)
	}
	//子着色器
	SubShader{ Pass { } }
}

首先是设置Shader的路径和名称，这个是在Unity选择Shader时会用到

然后有一个关键字Properties，其内部是用来进行外部属性设置的
意思就是我们在Unity的Shader面板上可操作的属性，都是通过在Properties里面设置的

比如上面的代码中写了一行

_MainColor("颜色",Color) = (1,1,1,1)

这一行代表的意思就是颜色设置，添加了这一行就可以在Unity端进行设置颜色了

🏳️‍🌈彩虹球实例Shader代码

更多的Shader结构就不做介绍了，本篇文章本就不是用来学习Shader的
因为博主Shader也不是很精通~
直接来看一下彩虹球的代码！代码如下：

Shader "MyShaders/VFShader/VSShader002"
{
   Properties
    {
         _Offset("彩虹显示偏移量",Range(0,1))=0
    }
    SubShader
    {
        Pass
        {
            CGPROGRAM  //CG语言开头

            //编译指令  着色器名称 着色器函数名称
            #pragma vertex vert  //顶点着色器
            #pragma fragment frag //片元着色器

            //声明外部属性
            fixed4 _MainColor;
            fixed _Offset;

            struct v2f
            {
            //投影空间坐标
               half4 clipPos:SV_POSITION ;
               //模型空间下的坐标
               half4 modelPos:TEXCOORD0;

			};
            //顶点函数：参数语义绑定模型空间坐标，返回值对应屏幕空间坐标
            v2f vert(half4 vertexPos:POSITION)
            {
            //返回的结构体对象
              v2f o;
             // 将顶点从模型空间转换为投影空间坐标
              o.clipPos=UnityObjectToClipPos(vertexPos);
              //将模型空间坐标暂存
              o.modelPos=vertexPos+fixed4(_Offset,_Offset,_Offset,0) ;
            //返回结果
               return o; 
			}
            fixed4 frag (v2f o):SV_TARGET
            {
                //return fixed4(1,0,0,1)  ; 
                return o.modelPos;
			}
            ENDCG   //---Cg语言结尾  
		}
	}
}