一起谈.NET技术,Silverlight 2.5D RPG游戏技巧与特效处理:(六)流光追影

  依稀记得《奇迹》里为了让装备炫酷“流光”而砸锅卖铁;仍旧迷恋每次的跳跃、冲刺、特写所带来的动态“追影”。岁月流淌,让无数玩家无论花费多少时间与金钱都无怨无悔,依旧那天地合一之特性装备;手握幻象残光之溢彩神器,踏着御风而行的随影擦肩而过,陶醉的不仅仅是自己,亦绝非寂寞...

  “流光追影” 效果不仅提升了玩家对于装备品质的不懈追求,同时在趣味性及耐玩性方面都是优秀网游所必备的要素之一;事实也证明了拥有华丽的“流光追影”装备效果的游戏业绩往往都很不错,比如基于逐帧手绘的《地下城与勇士》及名作续集《万王之王3》

  当然,“流光追影”特效在游戏中的应用非常广泛,除了武器和身体等部位会用到外,其他还有很多场合比如描述物体的运动轨迹以及特写的慢动作回放等均可用之来修饰以达到提升视觉体验的目的:

  “流光追影”的实现方式根据需求的不同而显得多种多样。本节中,我同样还是以软实现的方式为本系列游戏Demo中的主角添置了漂亮而动感的追影与流光效果。首先以追影为例,实现方式与真实影子类似,通过实时复制一个角色当前的实体镜象并进行透明度逐减动画而实现;其中我们可以插入一个控制动画速率的参数以起到调节追影数量的作用,同时也可以增加动态颜色调节,这样根据角色装备的颜色以及场景环境的不同,我们可以实时的调整追影颜色使之于游戏整体密切交融:

///<summary>
/// 显示追影
///</summary>
///<param name="role">所修饰角色</param>
///<param name="equipType">所参照的装备</param>
///<param name="color">颜色</param>
///<param name="coefficient">系数</param>
publicvoid ShowChasingShadow(Hero role, EquipTypes equipType, Color color, double coefficient) {
  WriteableBitmap writeableBitmap =new WriteableBitmap((int)role.OverallSize.X, (int)role.OverallSize.Y);
  writeableBitmap.Render(role.EquipEntity(equipType), null);
  writeableBitmap.Invalidate();
  Rectangle rectangle =new Rectangle() { Width = role.OverallSize.X, Height = role.OverallSize.Y, Fill =new SolidColorBrush(color) };
  rectangle.OpacityMask =new ImageBrush() { ImageSource = writeableBitmap };
  writeableBitmap =new WriteableBitmap((int)role.OverallSize.X, (int)role.OverallSize.Y);
  writeableBitmap.Render(rectangle, null);
  writeableBitmap.Invalidate();
  EntityObject blurShadow =new EntityObject() {
  ImageSource = writeableBitmap,
  Center = role.Center,
  Position = role.Position,
  Z = role.Z -20
  };
  space.Children.Add(blurShadow);
  Storyboard storyboard =new Storyboard();
  DoubleAnimation doubleAnimation =new DoubleAnimation() {
  From =0.7,
  To =0,
  Duration = TimeSpan.FromMilliseconds(role.HeartInterval * coefficient),
  };
  Storyboard.SetTarget(doubleAnimation, blurShadow);
  Storyboard.SetTargetProperty(doubleAnimation, new PropertyPath("Opacity"));
  storyboard.Children.Add(doubleAnimation);
  EventHandler handler =null;
  storyboard.Completed += handler =delegate {
  storyboard.Completed -= handler;
  storyboard.Stop();
  space.Children.Remove(blurShadow);
  };
  storyboard.Begin();
}

  接下来是制作流光。它3D游戏中更为多见,通常用粒子渲染实现。当然了,2.5D游戏毕竟还是以逐帧为基础的平面游戏,在连贯性及层次感方面我们无法做到最真实。不过一样可以借鉴追影的方案,以拷贝一个角色实体对其进行微错时闪烁处理还是能达到不错效果的,代码与追影的相类似,这里就不罗列了。

  实际游戏设计中,英雄角色的实体通常会划分为多个层次:铠甲、武器、头饰、坐骑等等,不同装备根据状态进行流光呈现以展示装备的稀有或突出地位。于是之前的纸娃娃系统为其实现奠定了充分的基础,我们完全可以做到基于任何角色部位的装备进行分层的流光处理,就整体效果而言更接近客户端网游:

  其实,在我的脑海中还有非常多相当有趣的各式“流光追影”呈现方式,苦于无相关素材而无法一一列举给大家。仅仅10来行的代码,描绘的流光溢彩于形于色,或许这就是Silverlight所给我们创造的高效率游戏开发工程模式。

  最后还需说明一下,当前Demo所实现的光影效果中的真实阴影、追影、流光等用到的都是暂时无法利用GPU加速的Rectangle、WriteableBitmap、以及Opacity等对象及属性,均乃性能消耗之物。可想而知,编写它们的目的暂时仅以向大家展示Silverlight在特效制作方面所能达到的高度而目前还无法用性能来衡量;但这并非就意味着这些都将成为华而不实之物;就好比在少量应用(比如只针对主角)的场合中,使用它同样可以起到视觉冲击与性能一并兼顾的效果;同时,本节也是为了Silverlight 5 及更多优秀的后续版本埋下伏笔,从Silverilght 5目前已知的新特性中我们不难看出Silverlight正朝着更伟大的目标前行着,究其一天我们的游戏理想必将实现!

  本节源码下载地址:Demo5.rar

  在线演示地址:http://silverfuture.cn

时间: 2024-09-20 05:14:05

一起谈.NET技术,Silverlight 2.5D RPG游戏技巧与特效处理:(六)流光追影的相关文章

一起谈.NET技术,Silverlight 2.5D RPG游戏技巧与特效处理:(四)天气系统

如同动态光影一样,天气系统同样为2.5D RPG游戏所不可或缺的元素之一.从视觉角度讲,天气系统让游戏场景空间层次分明,立体感更强:从用户角度讲,天气系统赋予游戏更贴近现实的亲历体验,试想下游戏中的花花草草随风而动,云雾缭绕风雨雷电一切来得自然而平滑,玩家即似身临其境般享受:从功能角度讲,不同的气候状况会对角色及魔法效果产生各异影响,极大的提升游戏趣味性.  模拟相对较真实的天气效果,粒子系统必不可少,天气中的雨.雪.闪电.云雾等均可看做是大量粒子的集合.因此首先我们新建一个名为Particle

Silverlight 2.5D RPG游戏技巧与特效处理:“.NET研究”(四)天气系统

如同动态光影一样,天气系统同样为2.5D RPG游戏所不可或缺的元素之一.从视觉角度讲,天气系统让游戏场景空间层次分明,立体感更强:从用户角度讲,天气系统赋予游戏更贴近现实的亲历体验,试想下游戏中的花花草草随风而动,云雾缭绕风雨雷电一切来得自然而平滑,玩家即似身临其境般享受:从功能角度讲,不同的气候状况会对角色及魔法效果产生各异影响,极大的提升游戏趣味性.  模拟相对较真实的天气效果,粒子系统必不可少,天气中的雨.雪.闪电.云雾等均可看做是大量粒子的集合.因此首先我们新建一个名为Particle

一起谈.NET技术,Silverlight 2.5D RPG游戏技巧与特效处理:(二)纸娃娃系统

纸娃娃系统,或许大家听起来并不陌生.早在十几年前,当时不论是文字游戏"泥巴(Mud)"或是交友.社交网站,我们只能通过屏幕上的文字来传达与交互信息:随着技术不断进步,2D/3D图形技术高速崛起,通过在基础模型上由客户随意挑选.任意更换各种造型(素材),即可打造出真正属于"自我"独特风格的网络虚拟形象,QQ秀便是我们耳熟能详的代表,更贴近真实的如(RPG)游戏及虚拟现实中的换装/换肤系统同样亦得益于纸娃娃机制. 本节,我将向大家讲解如何最好的实现Silverlight

一起谈.NET技术,Silverlight 2.5D RPG游戏技巧与特效处理:(三)动态光影

通常来说,只要谈到影子及影子制作,首先想到的不外乎3D.游戏中的影子设计大致可分为硬实现和软实现两种,比如像"游戏影子制作技术"这篇文章所谈到3D游戏影子制作方案Projective Shadow.Shadow Map以及Shadow Volume均属于硬实现.硬实现的效果最逼真,相对的运算量也较高:而对于Silverlight开发2.5D网游来说,我们通常会采用折中的软实现去表述场景中的动态光影效果.精致的光影能让玩家充分体验到空间立体感,当然也是2.5D网游所不可或缺的条件之一.

一起谈.NET技术,Silverlight 2.5D RPG游戏技巧与特效处理:(十一)AI系统

谈到人工智能(AI),这个话题就太大了:大学里有<人工智能教程>专门讲这方面的知识,什么大名鼎鼎的人工神经网络.遗传算法等等均可一窥究竟,这里如赘述似乎有些班门弄斧,我们暂且丢它一边去吧. 本节,我的主要目的是与大家共同探讨AI在RPG游戏中的应用.看过之前教程的朋友一定不会陌生,A*算法就是其中的一个重要组成部分:而本系列Demo中则使用了更为高级的改进型A*算法,不仅优化了性能,同时也大幅提升了玩家的操控体验.除此之外,AI更常见于RPG游戏中的角色,接下来我将引领大家循着AI的足迹,逐步

一起谈.NET技术,Silverlight 2.5D RPG游戏技巧与特效处理:(一)序言

不得不说的事,过年期间用了两个多星期时间将17173首页所推荐的2010年新测的几乎60多款网游彻底的扫荡了一遍:过瘾哪!确实过瘾,好久没玩网游了,一次让我爽个够.快的2小时就到了40级,还有更快的5小时冲到了80级.感慨啊真想长叹一声:天!现在的游戏咋被整成了这样!于是愤愤写下如此感受,仅当到此一游:国产3D网游质量恒古不变,敢问开发商你自己想吐了没?市场上充斥着更多的依旧是2D/2.5D ARPG,换汤不换药,十个开发商有九个都在估量着换个美工班即得款新网游,那招个美工连岂不得登上年度大作?

一起谈.NET技术,Silverlight 2.5D RPG游戏技巧与特效处理:(九)粒子系统

粒子系统通常用于三维场景中进行真实环境模拟,比如第四节的天气系统.天气的实现是粒子系统最重要的应用领域之一,所有的一切无论是云.雨.雾,还是落叶.陨石及闪电,都可视作基础粒子:除此之外,游戏中常常还会用到粒子系统来渲染像发光.轨迹等抽象效果.当然,有时简单并不意味着就不能缔造奇迹,比如本节大家将要看到的就是基于简单粒子系统所创建的当下主流2.5D RPG中极其拉风之装备粒子发散动画特效. 一提到Silverlight中的粒子,首先想到的肯定是WriteableBitmap.没错,今天的主角就是它

一起谈.NET技术,Silverlight 2.5D RPG游戏技巧与特效处理:(十二)魔法系统

世界首款Silverlight – MMORPG:<<窝窝世界>>震撼登场!伴着与XNA合体后的Silverlight 5 强势发布,一波Silverlight网游研发海啸即将席卷全球!  多磨的好事依旧让人激动,于是一不小心写下10款全新的魔法效果旨在祝贺.今天的教程不会让你失望,没错,又是一场超豪华魔法盛宴!接下来您将看到的是本教程ARPG Demo战斗实景,一切灵感与临摹均来源于近期即将内测的2.5D大作<倩女幽魂Online>(以下左边为倩女幽魂实景,右边为De

一起谈.NET技术,Silverlight 2.5D RPG游戏技巧与特效处理:(五)圣赞之HLSL渲染动画

或许大家依旧对上一节中的"黑夜"及"梦回过去"记忆犹新,追问下去HLSL到底是何方神圣能实现如此炫酷之效果?HLSL(高级着色器语言)作为微软的独门兵器,仅供Direct3D使用.Silverlight无比幸运,从第二个版本开始便已获得了这把旷世利器,虽然目前仅能发挥其不到3层之功力,不过前辈Moonlight近期已向世界宣布全面突破技术壁垒,HLSL的威力提升至7层左右.我们完全可以预料的是,未来Silverlight将手握HLSL,踏着GPU 3D API飞扬驰