Unity Golang教程-Shader编写一个流动的云效果

创建目录

一个友好的项目,项目目录结构是很重要的。我们先导入一个登录界面模型资源。

我们先创建Art表示是美术类的资源,资源是模型创建Model文件夹,由于是在登录界面所以创建Login文件夹,下面依次是模型对应的资源,如下图所示:

场景中导入模型并给模型创建Materials与Shader。

效果展示

场景中分两层云移动。里面一层移动快一点,较远的一层移动的慢。

Shader 代码实现分析

Shader中图片移动,可以经过修改uv轻松实现,效果中两层云,那就对两张图进行不同uv改变。

核心代码

cs 复制代码
v2f vert(appdata_full v)
			{
				v2f o;
				o.pos = UnityObjectToClipPos(v.vertex);
				o.uv.xy = TRANSFORM_TEX(v.texcoord.xy, _MainTex) + float2(_ScrollX, _ScrollY) * _Time;
				o.uv.zw = TRANSFORM_TEX(v.texcoord.xy, _DetailTex) + float2(_Scroll2X, _Scroll2Y) * _Time;

				return o;
			}
	
			half4 frag (v2f i) : COLOR
			{
				half4 o;
				half4 tex = tex2D (_MainTex, i.uv.xy);
				half4 tex2 = tex2D (_DetailTex, i.uv.zw);

				o.rgb = tex.rgb * tex2.rgb * _AMultiplierCloud;	
				o.a = (tex.a + tex2.a) * 0.5;
				return o;
			}

总结

对于有一定Shader基础的人来说上面的比较容易理解,如果对Shader不是很熟悉的,也不用担心,拿来注意代码直接拿过来用问题也不大。当然了也可以用c#代码直接实现图片位移也是可以的很简单。

工程下载

相关推荐
SmalBox10 小时前
【光照】[漫反射diffuse]以UnityURP为例
unity·渲染
SmalBox1 天前
【光照】[自发光Emission]以UnityURP为例
unity·渲染
SmalBox3 天前
【光照】Unity中的[经验模型]
unity·渲染
萘柰奈3 天前
Unity学习----【进阶】TextMeshPro学习(三)--进阶知识点(TMP基础设置,材质球相关,两个辅助工具类)
学习·unity
Yasin Chen3 天前
Unity UI坐标说明
ui·unity
应用市场3 天前
无人机姿态控制系统详解与实现
游戏引擎·cocos2d
陈言必行3 天前
Unity 性能优化 之 编辑器创建资源优化( 工作流 | 场景 | 预制体)
unity·编辑器·游戏引擎
1uther3 天前
Unity核心概念⑨:Screen
开发语言·游戏·unity·c#·游戏引擎
死也不注释3 天前
【Unity UGUI 交互组件——Slider(7)】
unity·游戏引擎·交互
程序猿多布3 天前
XLua教程之热补丁技术
unity·c#·lua·xlua