Unity踩坑 – Shader Graphs下制作描边Outline并且修复正方边缘断裂的几种办法

  • Post author:
  • Post category:其他




前言

最近在搞卡通渲染器,blender和unity里都搞了一波,总结了一些方法分享给大家。

在这里插入图片描述



方法一:法线外扩



实现:

在这里插入图片描述

先上个图,原理很简单

  1. 找他的法线位置
  2. 对法线位置进行外扩
  3. 外扩之后避免坐标不对又加上了自身坐标
  4. 改颜色
  5. 通过Is Front Face来判断是否是正面你,进行背面剔除(必须开双面)



缺点:

对棱角分明的物体很不友好,查了一圈外网大家对这个都非常的头疼。

在这里插入图片描述

尤其我还是用的low poly的模型

在这里插入图片描述



方法二、Sobel边缘检测(官方示例学的)



实现方法

原理是用sobel作为算子,然后对屏幕上所有的物体在渲染前进行计算,然后再添加描边效果后,再进行输出。

这里就用到了URP的一些特性

在这里插入图片描述

然后打开示例工程准备拷贝他们的文件


示例工程


就是用他们这个方法

在这里插入图片描述



拷贝这两个文件

在这里插入图片描述

和这个shader文件

然后对应这个shader创建一个材质球

在这里插入图片描述

在自定义渲染管线下创建一个这个,然后附加材质球

在这里插入图片描述

然后调整材质球的设置就可以了
请添加图片描述

具体实现代码那个文件里也有,感兴趣的老哥可以看看,如果做成shaderGraphs版本的记得叫我学一下……

官方甚至自己带了一个卡通渲染器在里面



缺点

请添加图片描述

渲染背景色差较大的边缘会非常清晰,当距离拉远或者色块差异较小的时候就会产生模糊边缘

(所以官方示例怼了个第一人称3D……)

另一个问题就是,这个不能分层渲染,得自己再加工一下,让指定的物体有描边



方法三、体积膨胀

这个方法其实主要是为了去搞这种边缘比较直的物体的

在这里插入图片描述

在这里插入图片描述

原理其实和法线那个差不多,只不过这个是为了扩张整个模型,然后再计算遮挡信息。



缺点

只能解决🔴

模型轴心在中心位置的模型

🔴

如果不在中心,描边就会错位

在这里插入图片描述



结束

其实还有一种非常变态的办法,是我目前项目去使用的。

不在unity中创建描边,直接在blender中创建

在这里插入图片描述

这样导出到FBX的时候,会保留模型的描边材质通道

在这里插入图片描述

然后给这个材质附加一个黑色就行了

在这里插入图片描述



版权声明:本文为qq_41730940原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。