WPF/Silverlight深度解决方案：(六)HLSL自定义渲染特效之完美攻略(上)

Shader Effect中文名称为“渲染特效”或“滤镜”，WPF中自带有5种位图特效及2种渲染特效，而Silverlight中仅有这2种渲染特效： BlurEffect(模糊渲染)和 DropShadowEffect(投影渲染)。由于目前WPF/Silverlight被应用的领域还不是很多，大多数开发者仅仅是将之作为Winform/Webform的替代品，那么现成的这几种渲染特效已足够应付大多数的场合需要。但是如果您打算利用WPF/Silverlight进行更高端的开发，例如动画制作及游戏设计，那么没有少则数十种的自定义渲染特效库是无法满足绚丽多彩的画面需求的。本节我将以Silverlight平台为例，向大家介绍如何制作及实现HLSL自定义渲染特效。

3.0是Silverlight具有里程碑意义的一个版本，因为从此版本开始，您将能够通过HLSL 高级着色器语言（High Level Shader Language，简称HLSL）为Silverlight中的UIElement对象制作自定义渲染特效，并且这些特效均为快速而有效率地通过显卡来完成。举个简单的例子，如果您想让一个动画的系列帧图片在显示的时候去掉无用的黑色(或其他某种颜色)像素（这在游戏开发中再常见不过了，俗称：去背），用代码来实现则必须循环编历图片中的每个像素点，判断为黑色时修改该点为透明（或忽略所有黑色点），这无形中饶了很大一个弯子。其实我们只需创建一个简单的HLSL渲染特效(HLSL Shader Effect)就可以轻松的实现之，并且可以随意的选择附加或是移除。您此时不禁要问：这么神奇的HLSL渲染特效该如何制作和使用呢？嘿嘿，下面且听我慢慢道来。

1）架设开发环境

首先需要安装DirectX SDK，接下来在编辑器的选择上有很多种，例如FX Composer和RenderMonkey都很好很强大，这里我个人特别推荐安装专门为WPF/Silverlight开发的小而精悍的Shazzam作为入门级HLSL渲染特效编辑器。需要注意的是，Shazzam在首次运行时需要指定DirectX SDK中的fxc文件路径，该文件存在于DirectX SDK安装目录/Microsoft DirectX SDK (November 2008)/Utilities/bin/x86/下。

2）制作HLSL渲染特效

打开Shazzam，我将该编辑器分为4个部分：工具菜单，特效库，预览区域，代码区域：

Shazzam本身已经自带了一些很棒的特效，大家看上图中的特效库中的*.fx