几种卡通渲染方法的解析

最新推荐文章于 2024-08-13 17:09:23 发布

YgritteSnow

最新推荐文章于 2024-08-13 17:09:23 发布

阅读量7.1k

点赞数 1

分类专栏： shader 文章标签： hlsl-shade

本文链接：https://blog.csdn.net/YgritteSnow/article/details/52303562

版权

本文介绍了RenderMonkey中几种卡通渲染技术的实现流程，包括Silhouette、ToonWithDynamicSpecular、ToonWithSilhouetteRendering等。通过Sobel滤波器寻找轮廓，结合动态高光和金属色效果，以及使用法线和深度信息来增强边缘。此外，还探讨了这些方法中的疑问和问题，如边缘锯齿和纹理采样走样。

摘要由CSDN通过智能技术生成

代码全部出自RenderMonkey的样例文件NPR.rfx，下载地址：
http://developer.amd.com/tools-and-sdks/archive/games-cgi/rendermonkey-toolsuite/

龙书上讲的卡通渲染的方法一直没有看懂，两个faceNormal一直不明白是怎么算出来的 =_=||| ，看了其他DX sample，只看到有计算切法线之类的，也并没有看到能计算“临近边”的法线的。。。而且也想不通如果一个顶点被很多人公用的话怎么想都没法算的啊。。。如果有大神看到我的这段话还望不吝赐教 T_T
以下是对RenderMonkey中所展示的几种卡通渲染的总结：

1. Silhouette

这里写图片描述
关键：先将所有物体所在的像素置为白色而其他区域置为黑色；再遍历屏幕每一个像素的顶点，亦即遍历上一个pass得到的结果，并据它计算出图像的导数。从而得到轮廓。其求导的方法使用的是Sobel滤波器的方法。

流程

pass0：

使用茶壶模型，
在vs中，(Positon->Position)，根据Positon，将顶点位置进行观察变换和投影变换，输出屏幕位置Positon；
在ps中，(Color->Color)，将物体所在的位置都为白色；

pass1：

使用一个特殊的网格（ScreenAlignedQuad.3ds），这个网格的顶点坐标的xy分别遍历0到1范围。也因此，在vs中，不对其进行观察变换及投影变换。
在vs中，(Position,TexCoord->Position,TexCoord)，根据输入Position的xy，将其转换到0到1之间，作为输出TexCoord；
在ps中，(TexCoord->Color)，使用pass0渲染出的结果，通过tex2D对该像素点进行八个采样并分别计算xy方向的导数，如果两个方向的导数平方和大于0.07*0.07那么输出黑色，否则输