Unity Shader Graph 2D - 角色的外描边效果

在2D游戏中，角色的外描边是比较常用效果，能够达到强调角色轮廓，增加立体感和可视度，并增强角色的视觉效果，让玩家更好的认识并于角色互动。

从本质上来讲，角色的外描边是在基于原来图像资源的基础上向外延伸一定宽度的带颜色的距离。

那么如何实现呢？

首先创建一个名为Outline的Shader Graph文件，并对应创建一个M_Outline的材质球。

基础资源显示

可参考UV滚动动画中的基础资源显示部分，节点如下。

外描边部分的实现

在开始实现外描边之前，先需要给大家做一个简单的原理解释。首先我们需要用到一个叫Preview的节点，可以预览对应输出的效果。如下，我们图像资源的Alpha通道做一个预览。

那么白色的部分的Alpha值是1，黑色部分的Alpha值是0。所以在Unity里面渲染出来的时候只会有白色的部分，也就是青蛙角色。

Alpha的意义

如果没有明白，很