Cocos2d-JS地图性能问题

前端之家收集整理的这篇文章主要介绍了Cocos2d-JS地图性能问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

如图所示游戏场景,它是我们以往介绍的实例,在场景中有三个方块精灵(BoxABoxBBoxC)和背景精灵,这个背景叫做“地图”有点牵强,地图采用了有规律的纹理。

游戏场景

那么我们如何设计这个游戏地图呢?我们可以使用两种方法:采用一张大图片和采用小纹理图片重复贴图。

1、采用一张大图片

我们在以往中介绍的实例,采用一张大图片。我们可以让美术设计师帮助我们制作一个屏幕大小的图片,大小960x640像素,如图所示。如果是RGBA8888格式,则占用内存大小大约2400K字节。

游戏地图

2、采用小纹理图片重复贴图

采用就是小纹理图片重复贴图,每个小的纹理图片大小是128x128像素,如图所示。如果是RGBA8888格式,则占用内存大小大约64K字节,纹理图片宽高必须是2的n次幂。

小纹理图片

提示图片占用内存大小与图片格式有关,图片格式有关主要有:RGBA8888、RGBA4444RGB565等。RGBA8888和RGBA4444格式一个像素有4个(红、绿、蓝、透明度)通道,RGBA8888一个通道占8比特,RGBA4444一个通道占4比特,1字节=8比特。因此RGBA8888格式的计算的公式:长xx4字节,RGBA4444格式的计算的公式:长xx2字节。

采用小纹理图片重复贴图的方式可以通过瓦片地图实现,采用瓦片地图可以构建如下图所示的复杂地图。

复杂地图



更多内容请关注最新Cocos图书《 Cocos2d-x实战:JS卷——Cocos2d-JS开发
本书交流讨论网站:http://www.cocoagame.net
欢迎加入Cocos2d-x技术讨论群:257760386
更多精彩视频课程请关注智捷课堂Cocos课程:http://v.51work6.com
智捷课堂现推出Cocos会员,敬请关注: http://v.51work6.com/courseInfoRedirect.do?action=netDetialInfo&courseId=844465&categoryId=0
《Cocos2d-x实战 JS卷》现已上线,各大商店均已开售:

京东:http://item.jd.com/11659698.html

欢迎关注智捷iOS课堂微信公共平台,了解最新技术文章、图书、教程信息

猜你在找的Cocos2d-x相关文章