C#开发WPF/Silverlight动画及游戏系列教程(Game Course)：(三十一) 超酷万变的矢量魔法

核心提示：还记得当年的经典网游奇迹（MU）吗？辉煌就如同其名字一般深刻烙印在我的脑海，与朋友们一起通宵奋战的日子已成过去，C#开发WPF/Silverlight动画及游戏系列教程(Game Course)：(三十一) 超酷万变的矢量魔法，残留世上那一张张经典不朽的截图让我时刻感受回味，它的成功不仅仅因为其拥有一个极棒的世界观，有

还记得当年的经典网游奇迹（MU）吗？辉煌就如同其名字一般深刻烙印在我的脑海。与朋友们一起通宵奋战的日子已成过去，残留世上那一张张经典不朽的截图让我时刻感受回味。它的成功不仅仅因为其拥有一个极棒的世界观，更深层的却是那些超酷且绚丽的魔法效果，曾经打动着无数年轻的心。

本节我将以奇迹中So cool的“激光”魔法为蓝本，向大家展示如何制作矢量魔法：

不知道这张图是否能打捞起大家沉淀的回忆，此乃奇迹当年与地狱火并列的两大魔法之一：激光，画面漂亮且更重要的是它具有直线穿透群攻效果。要模仿它我们可以先通过PS制作一张模拟草图，从中了解该魔法画面的颜色及渐变规律，这将为我们后面在WPF/Silverlight中构造它提供参考：

通过PS中的渐变工具再配合外发光效果，我们可以轻松的制作出上面的草图，接下来回想一下前面所讲过的内容不难分析出在WPF中我们可以通过绘制一个圆角矩形并配上彩虹画刷，最后为此矩形添加位图外发光特效即可实现以上效果。有了原理，用xaml语言来描述它就再简单不过了。我们首先在项目中添加一个名叫QXLaser的用户控件，然后设置其xaml界面容器代码如下：

……

　　　 <Canvas>

　　　　　　　 <Rectangle x:Name="Body" Width="700" Height="80" RadiusX="80" RadiusY="80">

　　　　　　　　　　　 <Rectangle.RenderTransform>

　　　　　　　　　　　　　　　 <RotateTransform x:Name="Rotate" />

　　　　　　　　　　　 </Rectangle.RenderTransform>

　　　　　　　　　　　 <Rectangle.BitmapEffect>

　　　　　　　　　　　　　　　 <OuterGlowBitmapEffect x:Name="Outer" GlowSize="40" Noise="0" Opacity="1" />

　　　　　　　　　　　 </Rectangle.BitmapEffect>

　　　　　　　 </Rectangle>

</Canvas>

……