ShaderWeaver使用教程-图片移动

来源:互联网 发布:深圳网络营销黑马网络 编辑:程序博客网 时间:2024/04/30 04:12

ShaderWeaver使用教程-图片移动

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

图片移动

我们将要做什么?


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

编辑图像节点

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

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

这里写图片描述

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

移动图像节点

这里写图片描述

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

这里写图片描述

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

这里写图片描述

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

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

这里写图片描述

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

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

原创粉丝点击