C#开发WPF/Silverlight动画及游戏系列教程(Game Course):(三十一) 超酷万变的矢量魔法
2010-09-30 20:52:29 来源:WEB开发网还记得当年的经典网游奇迹(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>
……
Tags:开发 WPF Silverlight
编辑录入:爽爽 [复制链接] [打 印]- ››开发学院教你用SQL 语句最快速清空MySQL 数据表的...
- ››WPF学习笔记12. Binding (5)
- ››WPF学习笔记11. Binding (4)
- ››WPF学习笔记10. Binding (3)
- ››WPF学习笔记9. Binding (2)
- ››WPF学习笔记8. Binding
- ››WPF学习笔记7. Resource
- ››WPF学习笔记6. RoutedEvent
- ››WPF学习笔记5. DependencyProperty
- ››WPF学习笔记3. Navigation
- ››WPF学习笔记之2. Dispatcher
- ››WPF学习笔记之1. Application
赞助商链接