§8.5挑战：编写Edge Detection Shader（边缘检测着色）

本章对post-screen shade已经谈论了很多了，涵盖几乎所有的基本post-screen shade。你学习了通过基本组件编写类似的shader。举例来说，色彩校正shader可用于实现如图8-1中的灰度效果。Edge Detection Shader我故意留着没写。它可能不是每个游戏都用到，但有许多其他shader使用了边缘检测shader的基本功能。下面是一些例子：

• 边缘检测shader可以表现出一种异形的视觉效果，或类似高科技特殊操作的视觉模式，使您可以在夜间看得更清晰。
• 漫画和卡通渲染，只是将输入的颜色减少到非常少的颜色，例如通过颜色盘或简单的图像，把贴图上的颜色映射到某些预定的颜色，接着为每个三维表面绘制粗线边缘，通过边缘检测shader很容易做到。您还可以通过画三维线条，然后在顶部加上几何体，只留下每一个三维物体的轮廓去改善效果，使用边缘检测shader也很容易实现。
• 边缘检测shader可以用来增加场景的对比度或找到线条或轮廓。边缘检测往往与模糊效果相反，模糊效果将一切都混合在一起，有时会使最后的结果失去太多细节。如果您想要开始前做更多的辉光和模糊的效果，边缘检测shader可以帮你获得一个比较锐利的图像。
• 边缘检测shader也可以被用来创造看起来像画出来的图片。您只需使用非常高的边缘检测值并添加一个如图8-1一样的half-tone shader。

您要做的就是创建一个简单的边缘检测过滤器。基本思路是从原来的场景贴图中提取若干像素，并与邻近的像素比较。在Shader Model 1.1中，您只能提取四个纹理像素，在Shader Model 2.0可以有8个，因此，你能使用的像素是有限的。在Pixel Shader 1.1中与邻近像素比较不容易效果也不好。你可以只取一个中心点，把它乘以2，然后减去两个周围的点（顶部和底部，或左边和右边），然后在Luminance函数结果的帮助下采用灰度值，去实现边缘效果。

以下是基本的Pixel Shader代码，如果是Shader Model 2.0，您可以做更多的纹理提取。如果您不能确定如何扩展shader请在Nvidia的FX Composer中检查边缘shader。你应该在FX Composer中完成整个shader，然后就可以通过C＃类将其导入到您的引擎中。变量col1，col2，col3和col4从场景贴图的四个纹理坐标中提取的，然后将它们传递给Pixel Shader。

如果shader正常应该可以看类似图8-24的效果。

发布时间：2008/9/25 16:04:45  阅读次数：7822