ShaderWeaver使用教程-图片显示

本文详细介绍如何在ShaderWeaver中使用图片显示功能。主要内容包括:添加Image节点、设置纹理显示、连接Image节点与ROOT节点及保存着色器等步骤。

ShaderWeaver使用教程-图片显示

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

图片显示

我们将要做什么?

这里写图片描述
在一个蓝色按钮上显示一个菱形图标的着色器

如何制作图像节点

这里写图片描述
通过拖放“Image”来添加一个Image节点

这里写图片描述
添加Image节点后,设置纹理以显示在此Image节点上

这里写图片描述
将“Diamond”的图像文件拖放到Image节点

这里写图片描述
连接Image节点和ROOT节点

这里写图片描述
保存更新着色器编辑。

保存着色器

这里写图片描述
点击Svae,并且命名为effect2.shader。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值