Shader Graph5-Lerp节点(上)

一、颜色混合

打开Unity,新建一个Shader,双击进入编辑。

有两个颜色红色和蓝色,效果是生成一个中间颜色,在不使用Lerp节点的情况下。当Float节点x=0时Add的结果是红色。

Shader Graph5-Lerp节点(上)_第1张图片

当Float节点x=1时Add的结果是蓝色。

Shader Graph5-Lerp节点(上)_第2张图片

换成Lerp节点,x=0得到红色,x=1得到蓝色。

Shader Graph5-Lerp节点(上)_第3张图片

换成Lerp节点,x=0.5,我们得到紫色。Lerp上的T可以理解为占比,T=0时A的占比100%,T=1时B的占比100%,T=0.5时A、B各占比50%

Shader Graph5-Lerp节点(上)_第4张图片

二、变量混合

x=0,结果为0,0是黑色。x=1,结果为1,1是白色。注意这里只是用颜色表示变量的值,只是一个表达方式,方便我们来测试Shader Graph。

Shader Graph5-Lerp节点(上)_第5张图片

 三、图像混合

随便找两个图片,最好像素大小一样的,T的由Float给0.5。T一定要设置在0~1之间,否则混合的结果就会出错。

 Shader Graph5-Lerp节点(上)_第6张图片

 四、我们打开UE

添加节点时,注意我们选择的是Math->LinearInterpolate,变量是使用Constant

Shader Graph5-Lerp节点(上)_第7张图片Shader Graph5-Lerp节点(上)_第8张图片

 修改变量的值,我们可以点击float,然后在左侧修改Value的值。

Shader Graph5-Lerp节点(上)_第9张图片

实际上我们可以将这个常量值替换成图像

Shader Graph5-Lerp节点(上)_第10张图片

星形外围黑色的部分相当于数字0,0的时候A占100%,也就是图1的3显示,4不显示,星形中间的部分是白色相当于数字1,1的时候B占100%,也就是图2的3不显示,4显示。

你可能感兴趣的:(Shader,Graph,shader,unity,ue,节点,插值)