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”窗口的预览中正在径向移动。
阅读全文
0 0
- ShaderWeaver使用教程-图片移动
- ShaderWeaver使用教程-图片显示
- ShaderWeaver使用教程-使用模糊
- ShaderWeaver使用教程-使用马赛克
- ShaderWeaver使用教程-文字闪烁
- ShaderWeaver使用教程-火焰制作
- ShaderWeaver使用教程-水中倒影
- ShaderWeaver使用教程-流光宝刀
- ShaderWeaver使用教程-官网信息
- ShaderWeaver使用教程-基本操作介绍
- ShaderWeaver使用教程-文字渐隐渐现
- ShaderWeaver使用教程-美化精灵动画
- ShaderWeaver使用教程-动画序列帧
- ShaderWeaver使用教程-马的残影
- Html5添加移动手机和桌面设备使用的模块化JavaScript图片画廊插件教程
- 如何使用点击图片移动时图片不会移动
- 使用GPUImage渲染图片教程
- 使用GPUImage渲染图片教程
- 监听日志过大处理指南
- Spark Streaming的恢复机制——Checkpoint
- 手工开发实现nginx负载均衡监控RS健康状态
- 递归
- Js-提高效率(常见代码复用)
- ShaderWeaver使用教程-图片移动
- log4j生成log文件路径的设置
- Java异常
- 组合模式Composite Pattern
- Android 圆角/圆形view图片 描边
- springboot设置跨域
- lock_guard小解
- 数据结构实验之查找二:平衡二叉树
- 串口屏光标移动花屏的问题解决