Shader Graph制作UI效果

Posted 生活在他方

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Shader Graph制作UI效果相关的知识,希望对你有一定的参考价值。

用Shader Graph制作了3个常用UI到效果,比用脚本或者动画实现UI效果的移动,旋转和缩放跟方便,使用到的游戏对象也少。

这里的思路是将不同的形状放到PNG图片的不同颜色通道,再通过Shader和背景颜色合并到一起。

思路很简单,引入图片,然后分别进行旋转,缩放和移动,然后提取对应通道的内容,最后再合并到一起。

用到的节点不多,比想象中简单。

总体说明的视频:

ShaderGraph做UI效果总结

制作过程的视频:

Shader Graph做的3个UI效果

以上是关于Shader Graph制作UI效果的主要内容,如果未能解决你的问题,请参考以下文章

Unity Shader Graph 制作Grid网格效果

Unity Shader Graph 制作车流效果(UV滚动)

Unity Shader Graph 上的颜色错误

Shader Forge 实现颜色渐变、透明度渐变效果

Unity / Shader Graph常见节点原理 | 02 图形化节点基本结构,基础节点UV,Sample Texture 2D

Unity2018 Shader Graph 实验室