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"即可)。至于其它的部分大家稍微看一下就可以轻松理解了。
图片看不清楚?请点击这里查看原图(大图)。
上图上部分即为我调用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列为死亡帧图片。理清了规律后,如何对它进行局部单图截取?嘿嘿,且听下回分解。
Tags:开发 WPF Silverlight
编辑录入:爽爽 [复制链接] [打 印]- ››开发Android 日历教程
- ››开发学院总结 Win 8实用技巧大全
- ››开发学院原创教程:把win8的IE10放桌面上方法(非...
- ››silverlight全屏显示图片
- ››Silverlight MVVM 模式(一) 切近实战
- ››开发者眼中的Windows Phone和Android
- ››开发学院教你用SQL 语句最快速清空MySQL 数据表的...
- ››WPF学习笔记12. Binding (5)
- ››WPF学习笔记11. Binding (4)
- ››WPF学习笔记10. Binding (3)
- ››WPF学习笔记9. Binding (2)
- ››WPF学习笔记8. Binding
更多精彩
赞助商链接