Silverlight 游戏开发小技巧:“.NET研究”冲击技能特效制作

  玩游戏的时候,肯定对以角色为中心释放的冲击波肯定上海徐汇企业网站设计与制作特别有震撼力,前面使用Silverlight的变换完成了升级特效和传送点特效,这次制作以中心为原点冲击的发散特效,相信效果会非常的不错。

  首先仍然是建立一个控件,这个控件名字,我暂时命名为Shockwave.xaml,并且准备两张作为冲击波效果基础图像,这里面的图片可以随便更换,可以拜托美术的兄弟制作一下,如果你有兴趣,可以了解有关软件的使用方法,当然了,使用Blend也能做出来,只不过考虑麻烦程度,还是先以简单的为主,我找来两张图片简单做了处理。

  好了, 按照之前的做法,现在需要将动画制作完毕,然后再做调整,上面的两张图分别是一个蓄力圈一个冲击圈,现在先添加一个测试角色用来对齐,并将蓄力圈调整到下图的位置:上海闵行企业网站制作p>

  然后将冲击全也给套上:

上海企业网站设计与制作p>  现在可以开始制作动画,我们期望是先有个蓄力效果,然后冲击出去,有了这个概念就可以具体实施。

  仍然是先建立一个故事板动画:

  现在将冲击的火圈在最开始的时候添加一个帧,并且将它的大小设置为0,因为要在后面它才需要显示出来。

  然后选择蓄力圈,同样添加关键帧,但是不修改大小:

  调整时间轴到0.5秒的位置再加一个关键帧,将它完全缩小到0,0的大小。

  可是光有大小的放缩可能看起来比较无趣,我们再选择旋转变换,让它转圈的缩小:

  现在操作冲击的火圈,在1秒的位置上添加一个新的帧,并且保持大小,因为我们需要在这个地方上放大图片:

  在2秒的位置上添加放到100%的大小上,然后播放看一下:

  效果不错吧,可是仍然少一些工作要做,上面的1秒和2秒的关键帧位置是为了好调试,实际播放当中可能不能这么长,因此,需要做一些调整,还有透明度的问题,因为播放完毕之后应该是消失掉,所以在最后面的一帧中要将不透明度设置成为0%。

  好了,我们现在退出故事板编辑模式,方法是点击下面图中标注的小叉叉,下面我们要利用投影的方法将动画变成3D的效果,相信看过前面的朋友应上海徐汇企业网站制作该比较快的理解。

  现在再进入到故事板编辑模式中,查看一下动画效果吧,进入方式如下:

  基本上,这次的特效已经大功告成,现在集合到MainPage当中看看效果,在下面也提供了预览,可以慢慢的看,这个技能特效其实很简单,但是却综合了2D和3D的双重变换,以及其他的小技巧,所以我将它放在了最后,期望没有给大家失望。

上海闵行企业网站设计与制作e="display: block; margin-left: auto; margin-right: auto;" title="0" src="https://yqfile.alicdn.com/img_74ae7cde3e141212e36ae7d4526debb1.jpg" border="0" alt="0" width="412" height="274" />  本篇工程源代码下载地址如下:点击直接下载

时间: 2024-10-26 15:10:20

Silverlight 游戏开发小技巧:“.NET研究”冲击技能特效制作的相关文章

一起谈.NET技术,Silverlight 游戏开发小技巧:升级和传送点特效1

这次我们将使用Projection完成一些有趣的RPG游戏中常用的特效:升级和传送点特效,我们不需要请特效师制作复杂绚丽的特效,而是只需要他们提供关键的几张图片或者设计样式,如果了您有本领教会他们使用Blend来做特效,那就太好了,好了,闲话不说,在Silverlight中制作下面的这种效果简直是手到擒来. 这个拍摄的角度效果不是很合适,但是大概能够看清楚,这时一个升级的特效动画,我们今天将会完成这个效果,就像下面这样 虽说用Blend做这样的Silverlight特效易如反掌,但是读者还是要了

Silverlight 游戏开发小技巧:升级和传送点特效1

这次我们将使用Projection完成一些有趣的RPG游戏中常用的特效:升级和传送点特效,我们不需要请特效师制作复杂绚丽的特效,而是只需要他们提供关键的几张图片或者设计样式,如果了您有本领教会他们使用Blend来做特效,那就太好了,好了,闲话不说,在Silverlight中制作下面的这种效果简直是手到擒来. 这个拍摄的角度效果不是很合适,但是大概能够看清楚,这时一个升级的特效动画,我们今天将会完成这个效果,就像下面这样 虽说用Blend做这样的Silverlight特效易如反掌,但是读者还是要了

Silverlight 游戏开发小技巧:传送点特效制作

前面我们使用投影(Projection)完成了一个升级的特效,Silverlight故事板动画相当的容易,这次我们将详细说说故事板动画的帧制作,完成一个循环的传送点特效,大家都知道,在游戏中,传送点一般是固定在某一个地方,循环播放,它通常表明这里会有一个事件之类的特殊地点,我们将用前面的升级特效稍微改造,就可以得到了: 这个系列只是有关于游戏开发的小技巧,相比纯粹的技术文章要简单一些,我个人感觉可能更加偏向于Blend美工方面的工作,能够为各位Silverlight开发者带来一些新的思路,就是一

一起谈.NET技术,Silverlight 游戏开发小技巧:动感小菜单

网页应用受限于自身的浏览器范畴,不能把华丽效果完全展示,正是因为如此,在网页上诞生了无数绚丽的设计,虽然动感程度和桌面应用无法比拟,但是在UI上却下足了功夫,用户体验可以说无以伦比,比如说小小的菜单,在桌面游戏还停留在四态按钮的时候,网页应用都已经入动感时代了,这次,使用Silverlight实现一个小菜单,体验一下动感吧 当鼠标移入的时候,目标的图标就会放大,形成一个阶梯的效果,要实现这个效果,将需要使用自定义控件和StackPanel的知识. 现在在一个Silverlight工程中添加新控件

一起谈.NET技术,Silverlight 游戏开发小技巧:动感小菜单2

动感小菜单其实是想模仿Apple的菜单按钮设计制作,但是画虎不成反类犬,看起来有点别扭,昨天各位园友提了这方面的建议,感觉太硬如果加入动画可能更好,非常感谢各位,而今天这篇的动感小菜单2,让按钮更加动感"柔"顺:)期望能做的更好吧. 我们可以直接借助昨天的工程,在上面的基础上修改,打开昨天的工程(Silverlight 游戏开发小技巧:动感小菜单): 直接选定一个StackPanel的Group,然后按住Alt键复制一个,为了方便编程,这次我们将它制作成一个控件: 在结构里面直接选择刚

一起谈.NET技术,Silverlight 游戏开发小技巧:传送点特效制作

前面我们使用投影(Projection)完成了一个升级的特效,Silverlight故事板动画相当的容易,这次我们将详细说说故事板动画的帧制作,完成一个循环的传送点特效,大家都知道,在游戏中,传送点一般是固定在某一个地方,循环播放,它通常表明这里会有一个事件之类的特殊地点,我们将用前面的升级特效稍微改造,就可以得到了: 这个系列只是有关于游戏开发的小技巧,相比纯粹的技术文章要简单一些,我个人感觉可能更加偏向于Blend美工方面的工作,能够为各位Silverlight开发者带来一些新的思路,就是一

Silverlight 游戏开发小技巧:动感小菜单

网页应用受限于自身的浏览器范畴,不能把华丽效果完全展示,正是因为如此,在网页上诞生了无数绚丽的设计,虽然动感程度和桌面应用无法比拟,但是在UI上却下足了功夫,用户体验可以说无以伦比,比如说小小的菜单,在桌面游戏还停留在四态按钮的时候,网页应用都已经入动感时代了,这次,使用Silverlight实现一个小菜单,体验一下动感吧 当鼠标移入的时候,目标的图标就会放大,形成一个阶梯的效果,要实现这个效果,将需要使用自定义控件和StackPanel的知识. 现在在一个Silverlight工程中添加新控件

一起谈.NET技术,Silverlight 游戏开发小技巧:传说中的透视跑马灯

昨夜元宵佳节,各种灯会热闹非凡,伴随烟火灿烂好不热闹,可惜一点也没看着T_T,那就写一个跑马灯吧,可是跑马灯并不稀奇,各位高手们已经写过而且都各有特点,所以,写也要写点有特色的才好,游戏中经常能看到一种带有透视的选人界面,上次写的是一个固定效果,那么这次带上点动画,结合一个Silverlight的MVC开发小技巧快速完成它. 仍然继续偷懒,借用之前的控件:Silverlight 游戏开发:简单的技能条系统 把Card控件拿出来,然后做一下简单的修改,然后打开XAML文件,填入如下的代码: 这是给

Silverlight 游戏开发小技巧:传说中的透视跑马灯

昨夜元宵佳节,各种灯会热闹非凡,伴随烟火灿烂好不热闹,可惜一点也没看着T_T,那就写一个跑马灯吧,可是跑马灯并不稀奇,各位高手们已经写过而且都各有特点,所以,写也要写点有特色的才好,游戏中经常能看到一种带有透视的选人界面,上次写的是一个固定效果,那么这次带上点动画,结合一个Silverlight的MVC开发小技巧快速完成它. 仍然继续偷懒,借用之前的控件:Silverlight 游戏开发:简单的技能条系统 把Card控件拿出来,然后做一下简单的修改,然后打开XAML文件,填入如下的代码: 这是给