Silverlight制作逐帧动画 v2 - part1

简介: Silverlight制作逐帧动画 v2 - part1   在silverlight 2的时候我写过一篇《Silverlight制作逐帧动画》,这个是采用storyboard的原理来做的。现在到了silverlight 3最近又想到一个动态将Rectangle的Fill属性设置为动画每一帧的图形。
Silverlight制作逐帧动画 v2 - part1
 
在silverlight 2的时候我写过一篇《 Silverlight制作逐帧动画,这个是采用storyboard的原理来做的。现在到了silverlight 3最近又想到一个动态将Rectangle的Fill属性设置为动画每一帧的图形。完全用代码的形式来实现动画。 这里先放出一个原型。
 
首先准备好素材,我准备做一个4帧的飞机小动画。这个比之前采用storyboard做动画的好处是不用对坐标(一张长的图片做起来太累了)。

这个飞机的大小为35*45,所以在舞台上就先放置一个同样大小的Rectangle,(这里只是一个原型的想法,后期可以再封装)为这里Rectangle起名“myShip”。

将素材图片放入项目中

下来就是动态的设置Rectangle的Fill属性了.
做过flash开发的朋友对flash中的enterFrame应该很是熟悉了.  在silverlight中作为enterFrame的替代有"CompositionTarget.Rendering"这个事件.


接下来就要从程序集中取出图片赋到Rectangle上了。关于的取图片可以看下这里《 从xap文件中加载图片》。

 
其完整代码如下

效果预览:

代码下载:

相关文章
Silverlight 4 中摄像头的运用—part1
输入的视频 摄像头经过一个Video对象就能让你看到视频,而这个对象是一个显示对象,所以显示对象能做得事情,它都能做,比如滤镜,变形,混合模式等等。当然最强大的还是使用WriteableBitmap画出视频内容。
828 0
|
算法
Silverlight制作逐帧动画 v2 - part2
Silverlight制作逐帧动画 v2 - part2 接上一篇《Silverlight制作逐帧动画 v2 - part1》,在这里完善了一下算法,加入了fps的机制进去。         private string[] shippics = new string[] { "Ship1/1.
849 0
Silverlight制作逐帧动画 v2 - part3
Silverlight制作逐帧动画 v2 - part3 总结之前写的两篇 Silverlight制作逐帧动画 v2 - part1 Silverlight制作逐帧动画 v2 - part2 这里把代码归纳整理,做了一些封装,动画全部的又代码进行创建,脱离了Blend这个工具。
707 0
|
前端开发
silverlight中"制作逐帧动画"/"播放gif"收集
“逐帧动画”与“播放GIF”貌似二个风马牛不相干的问题,其实不然! 因为silverlight中的image控件不支持直接把gif动画做为source,所以象做动画常用的"走路的小人","加载loading小动画"...这类经典gif素材,无法直接使用,只能转化为逐帧动画来处理。
926 0
|
前端开发 开发框架 内存技术
基于Cairngorm的Silverlight开发 - part1
基于Cairngorm的Silverlight开发 - part1 概述 简单的说Cairngorm是在Silverlight开发中的一个轻量级的MVC开发框架。 和flash、flex开发中的Cairngorm框架一样,Cairngorm是能将程序代码按照逻辑功能(数据、视图、控制)分块的一种开发模型,这个模型被称为MVC(Model模型、View视图、Control控制)模型。
799 0
|
前端开发 内存技术
Silverlight制作逐帧动画
打算用sl来制作一个游戏,我曾经有flash开发游戏的经验.现在想用sl来做.打算记录下我开发游戏探索的过程. 打开http://www.emu-zone.org/www3/host/emugif/  这个网站.
720 0

热门文章

最新文章