网站建设优化的书籍界面ui设计
Unity ShaderGraph实现流体效果之Node入门（一）
- 前言
- Shader Graph Node
- Position Node
- Split Node
- Subtract Node
- Branch Node
- 总结
前言
Unity 提供的Shader Graph在很大程度上简化了开发者对于编写Shader的工作，只需要拖拽即可完成一个视觉效果的制作，使用ShaderGraph的前提一个是了解到shaderGraph如何操作，二是理解每一个Shader Graph Node 的作用，才能组合出想要的效果，本文不针对操作进行必要讲解，仅针对在实现流体效果时用到的Shader Graph Node进行解释和整理。
Shader Graph Node
Position Node
Position Node是我们可以访问顶点或者片元的信息，其X，Y，Z坐标由其颜色通道的RGB来表示。具体的讲，就是Red从左到右延伸，表示x轴，绿色向下眼神表示Y轴，Blue你看不到它，因为它从屏幕向外延申。
Position Node如图：
下拉框中表示你可以选择的空间，如Object ，World等。具体的，假设我们需要实现一个物体上从上到下的渐变颜色渐变效果，那么我们就需要将Position的Out中的RGB(XYZ)提取，并将G (Y）提取出来，（拿流体效果举例，我们希望流体效果仅根据本地坐标变化，既只在容器中显示变化而不是跟随世界坐标，但是我们又需要流体在世界坐标中如流体一般在物体旋转时始终将有颜色部分显示在下方，且水平线与世界坐标中的X轴平行），从而控制颜色渐变是沿着Y轴从上到下变化的，由此我们又引入了一个Shader Graph Node：Split Node
Split Node
Split 主要作用就是可以拆分输入数据，并把拆分后的数据作为单独的通道进行处理，如上图，我们使用了G通道，结合Position Node的表达，既将Y坐标数据作为数据处理的依赖值。
Subtract Node
Subtract 字面意思相减，实际使用时通常用来控制值的增加和减少，如图所示，既将A的值减去B的值最终将结果输出。
我们可以将A or B设置为属性值，再通过对其值设置，可以在代码中灵活控制渐变色的分界点，以及从某颜色变换到另一个颜色上等等。
Branch Node
条件分支，Predicate为输入条件，如是否是前向面，是否是世界坐标等等，如果是的话，则使用True分支的输入内容作为输出结果，如果不是的话，使用False分支内容作为输出结果。
总结
基本项会分为两篇文章分享，最后的Graph可用package会上传到指定位置，仅供参考。