1个星期,教你快速上手Unity ASE-【UI流动】

本文提供了一周内学会使用UnityASE创建UI流动效果的教程。通过一系列预览传送门,介绍了Shader目录的创建、节点的使用,包括SpriteTexture节点、Lerp节点、颜色节点和顶点颜色节点的组合应用,详细阐述了实现UI流动效果的步骤。在B站可以找到更多详细内容和教程视频。
摘要由CSDN通过智能技术生成

前言回顾

不熟悉节点属性的可以点击传送门预览。
传送门: 1个星期,教你快速上手Unity ASE-【预览】.
传送门: 1个星期,教你快速上手Unity ASE-【遮罩】.
传送门: 1个星期,教你快速上手Unity ASE-【硬边溶解】.
传送门: 1个星期,教你快速上手Unity ASE-【光边溶解】.
传送门: 1个星期,教你快速上手Unity ASE-【UV扰动】.
传送门: 1个星期,教你快速上手Unity ASE-【边缘光】.
传送门: 1个星期,教你快速上手Unity ASE-【深度渐变】.
传送门: 1个星期,教你快速上手Unity ASE-【UI流动】.

效果图

请添加图片描述

节点预览

请添加图片描述

步骤

1.创建一个Shader目录,右键-Create-Amplify Shader-Legancy-Default UI,创建并命名为UIFlowShaderTest
右键输入template Parameter,得到Sprite Texture节点,添加TextureSample节点,并与之连接。

请添加图片描述
请添加图片描述
2.创建第二个部分,最右边的附加纹理记得将左边属性Default Texture 改为Black.
以Lerp节点为汇总,分成3部分,上边是控制UI移动,中间是扰动纹理, 下边是扰动值。

请添加图片描述
3.添加颜色节点,并相乘,确保A通道以外的地方没有扰动纹理,再添加Add节点,连接。

请添加图片描述
4.添加顶点颜色节点,并用相乘节点连接就大功告成了
在界面创建Image,添加Sprite类型图片,附上新建的材质球查看效果。

请添加图片描述
请添加图片描述
这里是井队,天高任鸟飞,海阔凭鱼跃,点个关注不迷路,我们下期再见。更多详情请去B站搜索“Cz_wang”,感谢博主的讲解。

  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值