Shader Forge 实现颜色渐变、透明度渐变效果
2019-05-27 本文已影响0人
小黑Unity_齐xc
需求
制作UGUI时,很多控件使用到了背景色,背景色效果包含:
颜色的渐变和透明度的渐变。
因涉及到多种类似的背景图,但是又不想使用图片实现(太占空间),所以只能通过自定义Shader实现效果了。
实现
1、导入Shader Forge插件
2、新建Unlit 类型的shader(无光照类型)

3、编辑shader节点,如下图:
颜色渐变:使用两个 color节点 + uv coord节点 + lerp节点实现颜色渐变
透明渐变:使用两个value节点 + uv coord节点 + lerp节点实现透明度渐变

4、设置混合属性
设置Blending属性,类型选择Alpha Blended

效果
通过shader新建材质球,设置给UI元素,如下图:

