WEB开发网
开发学院软件开发C语言 C#开发WPF/Silverlight动画及游戏系列教程(Game C... 阅读

C#开发WPF/Silverlight动画及游戏系列教程(Game Course):(十七) 完美精灵之八面玲珑(WPF Only)①

 2009-06-27 07:08:07 来源:WEB开发网   
核心提示: 我将该方法写在一个名叫Super的静态类中,关于它的参数意思在注释中已经写得很清楚了,C#开发WPF/Silverlight动画及游戏系列教程(Game Course):(十七) 完美精灵之八面玲珑(WPF Only)①(4),至于它是如何实现将这272张图片有规律的合成为1张我们能够在

我将该方法写在一个名叫Super的静态类中,关于它的参数意思在注释中已经写得很清楚了,至于它是如何实现将这272张图片有规律的合成为1张我们能够在后面使用的合成图,大家只需要注意我用黄色突出的代码,这是主要的算法逻辑(单张图片的文件名格式如前文中的格式图上的一样,例如1-1.png、2-1.png、3-1.png、4-1.png、5-1.png、6-1.png……等等,如果你的图片是1.png、2.png、3.png、4.png、5.png、6.png、7.png、8.png……等等这样的取名格式,那么只需要将"-1.png"换成".png"即可)。至于其它的部分大家稍微看一下就可以轻松理解了。

C#开发WPF/Silverlight动画及游戏系列教程(Game Course):(十七) 完美精灵之八面玲珑(WPF Only)①

图片看不清楚?请点击这里查看原图(大图)。

上图上部分即为我调用Super.ComposeImage(@"E:Body", "Body0.png", 272, 150, 150);方法合成的主角8方向5动作的一张宽150*34=5100(34=5+8+7+6+8)像素、高150*8=1200(8=8个方向,按照上文中的顺序)像素的整合图。(由于该图尺寸过大(5100*1200像素),所以我将之缩小为原尺寸的15%左右以供给大家展示)

从上图下部分中(上部分的局部放大图),大家可以很清晰的发现图片排列的规律:即8行34列;从行看,由上至下的8行分别为代号0-7这8个方向的所有图片;从列看,1-5列为站立帧图片,6-13列为跑动帧图片,14-20列为攻击帧图片,21-26列为施法帧图片,27-34列为死亡帧图片。理清了规律后,如何对它进行局部单图截取?嘿嘿,且听下回分解。

上一页  1 2 3 4 

Tags:开发 WPF Silverlight

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接