ShaderWeaver使用教程-图片移动

本文介绍如何使用ShaderWeaver编辑器实现图像的移动、旋转和径向移动效果。通过编辑图像节点,调整其位置、大小及角度,利用Factor参数控制时间线性增长,最终实现动态图像效果。

ShaderWeaver使用教程-图片移动

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

图片移动

我们将要做什么?


图像移动和旋转等运动是使用着色器进行的

编辑图像节点

这里写图片描述
点击图像节点上的“编辑”按钮打开编辑窗口

这里写图片描述
可以在此窗口中编辑纹理的显示位置,大小,角度和移动

这里写图片描述

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

移动图像节点

这里写图片描述

通过在编辑窗口中选择“移动”“旋转”“径向”,
可以将运动添加到图像节点

这里写图片描述

例如,选择“移动”,从图像中心向右延伸箭头,图片需要设置为Repate模式。
按下“更新”按钮,可以将动作添加到图像

这里写图片描述

可以通过直接修改数值控制移动,Factor 参数为Unity内置的时间增长的一个线性函数
这里写图片描述

这里写图片描述
要旋转图像,请选择“旋转”,然后沿要旋转的方向延伸显示在图像周围的圆圈

这里写图片描述

这里写图片描述
当想要径向移动图像时,请选择“径向”,然后沿着要移动的方向延伸显示在图像周围的圆圈

这里写图片描述
您按下“更新”按钮时,
您可以看到图像在“ShaderWeaver”窗口的预览中正在径向移动。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值