当前位置: 首页 > article >正文

【Unity ShaderGraph实现流体效果之Function入门】

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会上传到指定位置,仅供参考。


http://www.kler.cn/a/403685.html

相关文章:

  • 操作系统大会2024 | 麒麟信安根植openEuler社区,持续技术创新 共拓新应用 探索新机遇
  • 【pytorch-04】:线性回归案例(手动构建)
  • 第十九天 决策树与随机森林
  • pytest 接口串联场景
  • 【Java】实战:多数元素
  • 攻防世界 Web新手练习区
  • 用sqlmap工具打sqli-labs前20关靶场
  • CentOS8 在MySQL8.0 实现半同步复制
  • Linux光标快捷键
  • 秋招总结与感悟
  • AI眼镜拐点到了,全品类AI硬件还会远吗?
  • SimbaSchema在数据云平台中的可观测性实践与应用
  • 【HOT100第四天】除自身以外数组的乘积,矩阵置零,螺旋矩阵,旋转图像
  • phpMyAdmin/PHP反序列化/sqli-labs/upload/pikachu/DVWA--靶场搭建--超详细教程!!!
  • 【01】Selenium+Python 入门案例
  • React Native的开发流程是怎样的?
  • 【蓝桥杯算法】Java的基础API
  • 【Node.js】Node.js 和浏览器之间的差异
  • Figma插件指南:12款提升设计生产力的插件
  • Debug-030-浏览器中F12审查伪类元素样式
  • 计算机网络技术专业,热门就业方向和就业前景
  • vue实现滚动下拉加载更多
  • 如何确保Java爬虫程序的稳定性和安全性?
  • cesium 地图 事件触发
  • OPC UA 服务器
  • jd-easyflow中inclusive的用法