ShaderWeaver卡片制作-第四节

ShaderWeaver流光边框教程
本教程介绍如何使用ShaderWeaver插件为卡片边框添加流光效果。通过设置Mask和Image节点,配置“Ramp”纹理,并调整参数实现特定视觉效果。最后,在Unity中验证着色器是否正确应用。

ShaderWeaver卡片制作-第四节

声明:本系列为网络搬运总结,多为英文资料,翻译的不好的请见谅。想查看原版视频教程的可以去YouTube,插件作者为国人,但是目前并没有中文相关资料。或者查看国内的优酷专辑。附带优酷视频地址
附带官网链接:http://www.shaderweaver.com/index.html
以下内容参考总结自日文网站:http://baba-s.hatenablog.com/entry/2017/09/29/094508

卡片制作-第四节

我们将要做什么?

这里写图片描述
边框的流光效果

边框流光

这里写图片描述
添加Mask和Image节点并加入它们

这里写图片描述
image8在节点上设置“Ramp”纹理

这里写图片描述
按下mask 7节点的“编辑”按钮,在
“大小” 中输入“3” ,同时选择“ 画笔”

这里写图片描述
跟踪卡的边框,如上所述。可以通过点击按住Shift键直接追踪(单击选择一个起点 按住Shift选择终点)

这里写图片描述
输入“5”为“尺寸:”,“0.5”为“不透明度”,

这里写图片描述
输入“10”作为图像8节点的“深度”

这里写图片描述
按image8节点的“编辑”按钮,然后选择“移动”
“移动:在”输入“-0.13”-“Y”

这里写图片描述
按下右下方的“+”按钮,选择“颜色”项目
并设置参数,如下所示

项目
R255
G210
B110

这里写图片描述
将“混合操作”更改为“添加”

这里写图片描述
选择“更新”

这里写图片描述
当你运行Unity时,你可以检查你创建的着色器是否工作正常。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值