技术研究:Unity中Shader Graph之飘动的旗帜(一)

公众号【知享奇】

技术研究:Unity中Shader Graph之飘动的旗帜(一)_第1张图片

发送“ShaderGraph00”获取本文章的shader。

目的

学习使用Shader Graph制作一个可以飘动的旗帜。

效果展现

制作准备

Unity版本

  • 2019.4.5f1 LTS
    注意:至少在Unity 2018版本以上,Shader Graph在2018版本之后才有。

创建工程

  • 打开Unity Hub,创建一个Shader Graph工程
    技术研究:Unity中Shader Graph之飘动的旗帜(一)_第2张图片

  • 在工程内查看是否已经已经安装了所需要的插件
    技术研究:Unity中Shader Graph之飘动的旗帜(一)_第3张图片

正式开始

创建一个ShaderGraph的Shader

技术研究:Unity中Shader Graph之飘动的旗帜(一)_第4张图片
注意:图中创建的是PBR Graph
技术研究:Unity中Shader Graph之飘动的旗帜(一)_第5张图片
区别

  • PBR Graph :这是一个应用HDRP自带光照模型的Shader模板,通常我们在不需要额外制作光照的时候选择这个模板
  • Sub Graph :Sub Graph是一个非常常用的Shader模板,可以理解为子Shader,可以用它来封装Shader中的功能,既可以使界面简洁,也方便复用某个功能
  • Unlit Graph :无光照的Shader模板.这个模板常用于需要自己设计光照模型的时候.

创建一个Plane,并且把材质给Plane

技术研究:Unity中Shader Graph之飘动的旗帜(一)_第6张图片
此时就可以开始编辑了。
注意:Shader要赋给了材质球,材质球赋给了Plane

先上总体图

  • 双击你创建的Shader Graph进入到下面的界面,不过你的是空的,下方是已经实现的样子。![](https://img-blog.csdnimg.cn/20200924144916997.png#pic_center技术研究:Unity中Shader Graph之飘动的旗帜(一)_第7张图片

局部模块(01)

技术研究:Unity中Shader Graph之飘动的旗帜(一)_第8张图片

Position

位置节点

Space

坐标相关

Split

分割数据

Vector3

三维向量

局部模块(02)

技术研究:Unity中Shader Graph之飘动的旗帜(一)_第9张图片

Time

时间相关节点

Multipley

相乘叠加节点

Sine

正弦函数

局部模块(03)

技术研究:Unity中Shader Graph之飘动的旗帜(一)_第10张图片

UV

uv展开节点

局部模块(04)

技术研究:Unity中Shader Graph之飘动的旗帜(一)_第11张图片

Add

相加节点

局部模块(05)

技术研究:Unity中Shader Graph之飘动的旗帜(一)_第12张图片

Gradient Noise

基于输入的UV生成一个渐变噪点图(Perlin噪点)。Scale可以控制噪点图的大小。

Clamp

从In中得到数值,输入Min和Max的中间值(包括Min和Max)

Power

平方

总结

  • 上述不适合新手观看,并不友好
  • 提供官方的视频地址

话外

所有节点介绍
知享奇论坛

你可能感兴趣的:(shader)