忍者无敌-实例讲解Cocos2d-x瓦片地图

实例比较简单，如图所示，地图上有一个忍者精灵，玩家点击他周围的上、下、左、右，他能够向这个方向行走。当他遇到障碍物后是无法穿越的，障碍物是除了草地以为部分，包括了：树、山、河流等。

忍者实例地图（Todo用这个精灵替换图中的）

设计地图
我们采用David Gervais提供开源免费瓦片集，下载的文件dg_grounds32.gif，gif文件格式会有一定的问题，我们需要转换为.jpg或.png文件。本实例中我是使用PhotoShop转换为dg_grounds32.jpg。

David Gervais提供的瓦片集中的瓦片是32 x 32像素，我们创建的地图大小是32 x 32瓦片。我们先为地图添加普通层和对象层，普通层按照上图设计，对象层中添加几个矩形区域对象，这里不再赘述。这个阶段设计完成的结果如图所示。保存文件名为MiddleMap.tmx，保存目录Resources\map。

。

设计地图

程序中加载地图
地图设计完成我们就可以在程序中加载地图了。下面我们再看看具体的程序代码，首先看一下HelloWorldScene.h文件，它的代码如下：

[html] view plain copy

1. #ifndef__HELLOWORLD_SCENE_H__
2. #define__HELLOWORLD_SCENE_H__
5. #include"cocos2d.h"
6. classHelloWorld:publiccocos2d::Layer
7. {
8. cocos2d::TMXTiledMaP*_tileMap;①
9. cocos2d::Sprite*_player;②
10. public:
11. staticcocos2d::Scene*createScene();
12. virtualboolinit();
13. CREATE_FUNC(HelloWorld);
14. };
15. #endif//__HELLOWORLD_SCENE_H__

上述代码第①行代码是定义成员变量地图成员_tileMap，。第②行代码是定义精灵成员变量_player。
HelloWorldScene的实现代码HelloWorldScene.ccp文件，它的HelloWorld::init()代码如下：
copy