如图所示游戏场景，它是我们以往介绍的实例，在场景中有三个方块精灵（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课堂微信公共平台，了解最新技术文章、图书、教程信息
相关推荐
资源名称：Cocos2d-x实战：JS卷——Cocos2d-JS开发内容简介：本书是介绍Cocos2d-x游戏编程和开发技术书籍，介绍了使用Cocos2d-JS中核心类、瓦片地图、物理引擎、音乐音效、数据持久化、网络通信、性能优化、多平台...
Cocos2d-JS是一款强大的2D游戏开发框架，它结合了JavaScript的灵活性与Cocos2d-x的高效性能，让开发者能够轻松地创建跨平台的游戏。本篇将深入探讨Cocos2d-JS的游戏开发知识，从基础到进阶，帮助你掌握这一利器。 ...
Cocos2d-JS是Cocos2d-x引擎的一个分支，它结合了JavaScript的易用性和C++的高性能，为游戏开发提供了一个高效、便捷的解决方案。 HTML5是一种强大的Web标准，它引入了新的元素、API和功能，使得在浏览器中构建复杂...
Cocos2d-JS v3.0是一款强大的2D游戏开发框架，专为JavaScript开发者设计。这个框架将Cocos2d-x的C++版本与JavaScript进行了无缝集成，使得开发者能够利用JavaScript编写高性能的游戏，同时享受跨平台的便利。Cocos2d...
10. **Scripting Support**：虽然主要是Objective-C，但Cocos2d-iPhone还支持JavaScript和Python等脚本语言，以增加灵活性和快速原型设计能力。 11. **Performance Improvements**：Cocos2d-iPhone 2.0在性能上做了...
这个“Cocos2d-Android架包”包含了所有必要的库和资源，使得开发者能够利用Cocos2d-Android的功能来创建丰富的、高性能的游戏。 1. **Cocos2d-x框架**: Cocos2d-x是一个开源的跨平台2D游戏开发框架，用C++编写，...
JavaScript版本称为cocos2d-js，而Lua可以通过tolua++进行绑定。使用脚本可以快速开发游戏，且易于调试和维护。 十、性能优化 cocos2d-x提供了多种性能优化手段，如批处理渲染、纹理 atlases、自动内存管理等。...
cocos2d-x是开源的，基于cocos2d-iphone扩展而来，它允许开发者使用C++、Lua或JavaScript进行编程，并能跨平台运行在iOS、Android、Windows Phone等多个系统上。 cocos2d-x的核心特性包括： 1. **场景（Scene）和...
8. **Tiled地图编辑器支持**：cocos2d-x支持Tiled地图格式，可以方便地设计和导入复杂的关卡地图。 9. **音频管理**：cocos2d-x包含了音频播放功能，支持背景音乐和音效的播放和管理。 10. **Lua和JavaScript绑定*...
6. **性能优化**：Cocos2d-x采用轻量级设计，提供了多线程支持，优化了内存管理和渲染效率，确保游戏在不同设备上都能流畅运行。 7. **扩展性和社区支持**：Cocos2d-x拥有活跃的开发者社区，提供了丰富的扩展库和...
cocos2d-x是基于cocos2d的扩展，它用C++编写，同时提供了Lua和JavaScript的绑定，使得开发者可以选择自己熟悉的语言进行游戏逻辑的编写。cocos2d-x的核心功能包括精灵（Sprite）管理、场景（Scene）切换、动作...
Cocos2d-js是一个基于C++开发的游戏引擎，它将Cocos2d-x的功能与JavaScript语言相结合，使得游戏开发更加便捷，尤其适合网页游戏和跨平台应用的开发。 在Cocos2d-js API中，你可以找到以下几个核心知识点： 1. **...
Cocos2d-HTML5是Cocos2d家族的一员，它专为Web开发而设计，允许开发者使用JavaScript编写游戏，支持跨平台运行。我们将主要关注以下几个关键知识点： 1. **Cocos2d-HTML5简介**： Cocos2d-HTML5是一个强大的2D游戏...
利用cocos2d-x，开发者可以构建高性能的游戏，并且拥有丰富的图形渲染能力。而"开发自己的编辑器"这一主题，则是关于如何利用cocos2d-x构建自定义的游戏编辑工具，以提升开发效率和个性化需求。 首先，我们需要理解...
在游戏开发领域，Cocos2d-js是一款广泛应用的开源框架，它将Cocos2d-x的高性能与JavaScript的易用性相结合，使得开发者能够轻松创建跨平台的2D游戏。本资源"TankBattle坦克大战cocos2d-js开发源码"提供了全面的开发...
Cocos2d基于Python，但也有多个语言版本，如cocos2d-x支持C++，cocos2d-js支持JavaScript，以及cocos2d-java针对Android平台。它提供了丰富的功能，包括场景管理、动作与特效、物理引擎、精灵与图块地图、触摸事件...
Cocos2d-html5是一个基于HTML5的开源游戏开发框架，它允许开发者使用JavaScript来创建2D游戏和其他交互式应用。这个压缩包包含了Cocos2d-html5的API文档，对于那些想要深入理解和使用该框架的开发者来说是极其宝贵的...
Cocos2D-X引擎基于C++，同时支持Lua和JavaScript脚本语言，提供了丰富的图形绘制、动画制作、物理模拟、音频处理等功能。其跨平台特性使得开发者可以一次编写，多平台运行，包括iOS、Android、Windows等主流操作系统...
Cocos2d-js是一个强大的游戏引擎，它结合了Cocos2d-x的性能和JavaScript的易用性，为开发者提供了高效、灵活的工具集来实现游戏逻辑和界面设计。 首先，Cocos2d-js是基于Cocos2d-x的JavaScript版本，它支持多种平台...
7. **Tiled地图编辑器支持**：Cocos2d支持Tiled地图格式，允许开发者使用Tiled工具创建多层地图，便于构建复杂的关卡设计。 8. **事件处理(Event Handling)**：通过事件监听器，开发者可以响应用户输入、触摸事件和...