Unity ShaderGraph初探

旋转和平移贴图

利用Time节点结合UV旋转可以对材质上的贴图做一些旋转的处理,程序节点图如下:

Unity ShaderGraph初探

节点图很简单,主要是利用Rotate节点,操作UV节点进行旋转,Rotation引脚连接Time节点乘一个常数的结果,Time节点输出的值是时间的累计,乘以速度。Rotate节点输出则是变化后的uv,将结果引脚连接到Texture2D的uv上,便可以对贴图进行旋转操作。
效果如下:
Unity ShaderGraph初探

同理,贴图的平移也可以通过Time节点控制贴图的Tiling And
Offset,如影响贴图的引脚中的Offset.x的值,则会水平方向平移贴图,节点程序如下图:
Unity ShaderGraph初探

值得注意的是:需要将图片的循环模式(Wrap Mode)改为:Repeat,这样贴图才会正常的循环(上面旋转忘改了)
Unity ShaderGraph初探

效果如下:
Unity ShaderGraph初探


一些特殊效果的实现

效果:PingPong

较上一篇中的移动贴图,这里做了一些简单的拓展,主要使用Sine节点(正弦函数),实现贴图来回移动,像乒乓球一样。节点如下:
Unity ShaderGraph初探
其中:

  • Property:Speed 控制移动速度
  • Property:Distance 单次移动的最大距离
  • Sine节点:这里是输入Time的累积量,输出是[-1,1]
  • Remap节点:重新映射到某个范围,这里是从[-1,1]映射到[0,distance]
  • Tiling And Offset节点:这里主要是使用Offset偏移值,传入Remap之后的结果,则可根据其结果来偏移。

效果如下:
Unity ShaderGraph初探
其实Unity还内置了一些其他的节点来实现一些特殊的效果,这在Unity ShaderGraph ExampleLibrary
也有一些应用的例子,如果有想细致研究的可以下载官方的源码进行查看,这里就例子中的一些节点做一些说明:

Spherize节点:球面话(鱼眼)效果。

将上一步骤中的Remap节点连接该节点:
Unity ShaderGraph初探

效果如下:
Unity ShaderGraph初探

Twirl 节点:扭曲效果

将上一步骤中的Remap节点连接该节点:
Unity ShaderGraph初探
效果如下:
Unity ShaderGraph初探

渐变色

在ShaderGraph中,可以实现两个颜色的插值,程序节点图如下:
Unity ShaderGraph初探

  • Lerp节点:插值计算
    这里的Lerp节点 T 引脚表示插值的程度,如为 0.5 ,则表示去中间值。为了实现渐变的效果,这里传入的是uv中的某一坐标,因此不同的位置会产生不同插值后的颜色结果,因此可以实现渐变的颜色效果。当然,你也可以在这上面继续拓展,定义变量去影响插值的范围。以及可以使用之前篇幅中提到的一些uv操作,来动态的调整渐变色,包括影响颜色值,渐变范围等等。

利用Lerp节点还可以做一些颜色的相减的操作,比如:
Unity ShaderGraph初探
解释一下:这里的Polygon节点中间为一白色五边形,表示的是这一五边形的UV范围内,其值为1(0表示黑色,1表示白色),则白色的范围输出为1,其余输出为0,那么传入到Lerp节点中,五边形的范围内插值程度为1,插值结果为颜色B,其余为0,为颜色A。


上一篇:LE Audio规范概述


下一篇:Android智能手机中各种音频场景下的audio data path