> 技术文档 > 【Unity Shader】Special Effects(十二)Glow 外发光(UI)

【Unity Shader】Special Effects(十二)Glow 外发光(UI)


源码:[点我获取源码]

索引

  • Glow 外发光
  • 思路分析
    • 原始通道
      • 原始通道渲染顺序
    • 外发光通道
      • 外发光通道渲染顺序
      • Sobel算子
      • 片元输入数据结构
      • 属性定义
      • 梯度值方法
      • 求边缘方法
    • 闪烁动画

Glow 外发光

外发光效果可以为UI图形组件(Image、Text)等创建外发光特效,如下:

【Unity Shader】Special Effects(十二)Glow 外发光(UI)

使用动画播放器:

【Unity Shader】Special Effects(十二)Glow 外发光(UI)

思路分析

首先,外发光的效果是图形的外边界发光,所以最主要的就是要找到外边界,回顾我们之前的线框化效果,其使用了边缘检测算法来检测像素变化梯度,如果说这里我们改进为检测透明度变化梯度,这不正好可以找到图像的外边界了吗?那么,着手尝试一下。

原始通道

首先,依旧保留一