unity 给图片边缘_Unity Shader 屏幕后效果——边缘检测

关于屏幕后效果的控制类详细见之前写的另一篇博客：

这篇主要是基于之前的控制类，实现另一种常见的屏幕后效果——边缘检测。

概念和原理部分：

首先，我们需要知道在图形学中经常处理像素的一种操作——卷积。

卷积操作的实质在于，对于图像中的每个像素与其周围的像素进行的重新融合计算行为，以得到不同的像素处理效果，例如锐化图像，模糊图像，检测边缘等。

卷积操作通过不同的像素融合算法能得到各不相同的效果，这主要依赖于卷积核。

可以把卷积核看作是一个n行n列方阵，原始像素则位于方阵的中心。

边缘检测的卷积核也叫边缘检测算子，以Sobel算子为例，形如：

需要特别注意的是，这里的Sobel算子是基于坐标轴以屏幕左上为原点，右下分别为+x,+y方向的，而不是类似于uv坐标轴的以屏幕左下为原点，右上分别为+x,+y方向的。这一点需要特别注意，不然后面的程序很容易写错。

其中Gx和Gy分别是纵向和横向两个方向的边缘线检测，你可以通过去掉矩阵中的零元素来想象，因为零元素不会对像素产生任何影响。也就是说，Gx是为了计算横向的梯度值，Gy为了计算纵向的梯度值。

横向的梯度值检测出来的是纵向的边缘线，纵向的梯度值检测出来的是横向的边缘线。这一点非常容易混淆，需要特别注意。

利用边缘检测算子除了融合像素外，主要是为了计算出像素的梯度值。

一个像素和周围的像素之间梯度值很高，意味着它与周围的像素差异很大，我们可以想