继续介绍屏幕后处理效果的做法。

这次介绍一下用偏导数求图形边缘的技术。

一、原理介绍

这个例子看起来好像是要给模型描边。

之前其实也介绍过很多描边的方法#xff0c;比如沿着法线方向放大模型#xff0c;或者用Ndo…

继续介绍屏幕后处理效果的做法。

这次介绍一下用偏导数求图形边缘的技术。

一、原理介绍

这个例子看起来好像是要给模型描边。

之前其实也介绍过很多描边的方法比如沿着法线方向放大模型或者用NdotV来求边缘之类。

不过这篇文章所说的内容其实和模型描边是没有关系的。

因为这是屏幕后处理他针对的并不是模型所以也不会有法线方向有观察空间的计算。

用偏导数求的是一张图片的颜色变化。

听起来好像很复杂不过由于已经提供了现成的方法所以我们直接用就行了。

方法就是ddx和ddy。

ddx是求横向像素之间的变化的可以理解成是当前像素点和横向前一个像素点颜色的变化。

通过ddx和ddy我们可以求出一张图片颜色变化比较强烈的一些边缘位置。

当求出了这些范围之后我们可以给他填充不同的颜色也可以指定背景色发挥想象力之后就可以做出一些有趣的效果了。

二、代码实现

Material(Shader.Find(Hidden/azhaoOutline));}outlineMat.SetFloat(_lineStrength,

lineStrength);outlineMat.SetColor(_baseColor,

baseColor);outlineMat.SetColor(_lineColor,

lineColor);outlineMat.SetFloat(_powVal,

}2、Shader

{}_lineStrength(LineStrength,Float)

Color)

UnityObjectToClipPos(v.vertex);o.uv

TRANSFORM_TEX(v.uv,

_MainTex);UNITY_TRANSFER_FOG(o,o.vertex);return

o;}half4

ddy(grayscale))*_lineStrength;half3

finalCol

稍微做的一点点扩展之前描绘出来的是纯背景色和线条色其实我们也不一定要用纯背景色的比如把偏导数得到的结果和原图做叠加就可以做出类似模型描边的效果。

half4

ddy(grayscale))*_lineStrength;half3

finalCol

1);}可以看出描边的效果其实没有使用法线计算那么干净清晰。

这是因为偏导数依赖于颜色的变化越分明的变化结果是越清晰然后图片的分辨率如果不够大得出的效果也会比较的模糊。

不过由于它并不依赖于其他数据只要有颜色就能计算所以在屏幕后处理上就刚好可以做出一些特殊的效果了。