如图所示游戏场景，它是我们以往介绍的实例，在场景中有三个方块精灵（BoxA、BoxB和BoxC）和背景精灵，这个背景叫做“地图”有点牵强，地图采用了有规律的纹理。
游戏场景
那么我们如何设计这个游戏地图呢？我们可以使用两种方法：采用一张大图片和采用小纹理图片重复贴图。
1、采用一张大图片
我们在以往中介绍的实例，采用一张大图片。我们可以让美术设计师帮助我们制作一个屏幕大小的图片，大小960 x 640像素，如图所示。如果是RGBA8888格式，则占用内存大小大约2400K字节。
游戏地图
2、采用小纹理图片重复贴图
采用就是小纹理图片重复贴图，每个小的纹理图片大小是128 x 128像素，如图所示。如果是RGBA8888格式，则占用内存大小大约64K字节，纹理图片宽高必须是2的n次幂。
小纹理图片
提示 图片占用内存大小与图片格式有关，图片格式有关主要有：RGBA8888、RGBA4444和RGB565等。RGBA8888和RGBA4444格式一个像素有4个（红、绿、蓝、透明度）通道，RGBA8888一个通道占8比特，RGBA4444一个通道占4比特，1字节 = 8比特。因此RGBA8888格式的计算的公式：长 x 宽 x 4字节，RGBA4444格式的计算的公式：长 x 宽 x 2字节。
采用小纹理图片重复贴图的方式可以通过瓦片地图实现，采用瓦片地图可以构建如下图所示的复杂地图。
复杂地图
更多内容请关注最新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课堂微信公共平台，了解最新技术文章、图书、教程信息