ShaderWeaver使用教程-图片移动

ShaderWeaver使用教程-图片移动

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

图片移动

我们将要做什么?

ShaderWeaver使用教程-图片移动ShaderWeaver使用教程-图片移动
图像移动和旋转等运动是使用着色器进行的

编辑图像节点

ShaderWeaver使用教程-图片移动
点击图像节点上的“编辑”按钮打开编辑窗口

ShaderWeaver使用教程-图片移动
可以在此窗口中编辑纹理的显示位置,大小,角度和移动

ShaderWeaver使用教程-图片移动

ShaderWeaver使用教程-图片移动
保存更新着色器编辑。

移动图像节点

ShaderWeaver使用教程-图片移动

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

ShaderWeaver使用教程-图片移动

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

ShaderWeaver使用教程-图片移动

可以通过直接修改数值控制移动,Factor 参数为Unity内置的时间增长的一个线性函数
ShaderWeaver使用教程-图片移动

ShaderWeaver使用教程-图片移动
要旋转图像,请选择“旋转”,然后沿要旋转的方向延伸显示在图像周围的圆圈

ShaderWeaver使用教程-图片移动

ShaderWeaver使用教程-图片移动
当想要径向移动图像时,请选择“径向”,然后沿着要移动的方向延伸显示在图像周围的圆圈

ShaderWeaver使用教程-图片移动
您按下“更新”按钮时,
您可以看到图像在“ShaderWeaver”窗口的预览中正在径向移动。