美文网首页
ShaderWeaver使用教程3-图片移动

ShaderWeaver使用教程3-图片移动

作者: OneMore2018 | 来源:发表于2018-03-20 12:13 被阅读42次

我们将在本教程中做什么

在本教程中,图像移动和旋转等运动是使用着色器进行的编辑图像节点

点击图像节点上的“编辑”按钮打开编辑窗口

您可以在此窗口中编辑纹理的显示位置,大小,角度和移动编辑完成后,您可以通过按下“ShaderWeaver”窗口中的“更新”按钮将编辑的内容反映到着色器中

移动图像节点

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

例如,选择“移动”,从图像中心向右延伸箭头,按“更新”按钮,您可以移动图像

该动作可以在“ShaderWeaver”窗口的预览中确认

要停止移动,请在编辑窗口左上角的输入字段中输入0

要旋转图像,请选择“脊柱”,然后沿要旋转的方向拉伸显示在图像周围的圆圈

然后,当您按下“更新”按钮时,您可以看到图像在“ShaderWeaver”窗口的预览中旋转

当您想要径向移动图像时,请选择“径向”,并沿想要移动的方向延伸显示在图像周围的圆圈

同样,当您按下“更新”按钮时,您可以看到图像在“ShaderWeaver”窗口的预览中径向移动

这就是你使用Image节点来移动图像的方式

相关文章

网友评论

      本文标题:ShaderWeaver使用教程3-图片移动

      本文链接:https://www.haomeiwen.com/subject/bhgvqftx.html