制作UGUI时，很多控件使用到了背景色，背景色效果包含：
颜色的渐变和透明度的渐变。
因涉及到多种类似的背景图，但是又不想使用图片实现（太占空间），所以只能通过自定义Shader实现效果了。
1、导入Shader Forge插件
2、新建Unlit 类型的shader（无光照类型）
Unlit.png
3、编辑shader节点，如下图：
颜色渐变：使用两个 color节点 + uv coord节点 + lerp节点实现颜色渐变
透明渐变：使用两个value节点 + uv coord节点 + lerp节点实现透明度渐变
渐变.png
4、设置混合属性
设置Blending属性，类型选择Alpha Blended
blend.png
通过shader新建材质球，设置给UI元素，如下图：
效果图1.png
效果图2.png
需求 制作UGUI时，很多控件使用到了背景色，背景色效果包含：颜色的渐变和透明度的渐变。 因涉及到多种类似的背景图...
一、简介通过绘制台球，熟悉正确使用渐变颜色的方法。编辑渐变颜色时，除了可以实现不同颜色之间的渐变，还可以设置透明度...
一、设置系统导航栏颜色 二、导航栏透明度渐变效果
项目中用到地图设置渐变色，查找资料找到两种方法： 一种设置颜色:为颜色设置渐变效果： 一种设置透明度:为透明度设置...
先看效果 点击按钮时切换状态，也可以拖动切换。在滑动过程中，颜色透明度有渐变（本想做颜色渐变，但是对颜色计算不太懂...
用来实现线性渐变效果 此类是Shader的子类通过paint.setShader来设置渐变。 有两个构造方法分别如...
原图效果 我的实现 // ＊颜色渐变的常用代码
项目中用到地图设置渐变色，查找资料找到两种方法：一种设置颜色，一种设置透明度； //为颜色设置渐变效果： UI...
shader中文翻译着色器，主要实现颜色渐变。 谷歌的注释：shader是在绘制期间返回水平颜色跨度的对象的基础类...
使用css3背景渐变中的透明度来设置不同颜色的背景渐变 为了添加透明度，我们使用 rgba() 函数来定义颜色结点...
本文标题：Shader Forge 实现颜色渐变、透明度渐变效果
本文链接：https://www.haomeiwen.com/subject/fwnctctx.html
网友评论