这个系列，我们以一个游戏《跑跑跑》的开发作为实例教程，引导大家了解和学习Cocos2d-x。

先新建一个项目

       首先我们把游戏窗口大小设定为1024*640，在main.cpp里面改。

现在我们来创建一个筛选器，以便为代码分类，如图：

在“关卡”筛选器中创建一个类，命名为TollgateScene, 代码如下：

TollgateScene.h:

TollgateScene.cpp:

代码很简单，主要看看init函数

      CCTMXTiledMap是Cocos2d-x提供给我们用来加载tmx地图文件的，而tmx文件就是用 Tiled Map Editor制作的。

利用Tiled Map Editor创建一张很长的地图

       打开Tiled软件，新建一个文件，把地图设长一点，宽为120块，高位20块，宽和高像素都是32，如图：

打开素材文件map.png:

接着会弹出一个窗口，设置图块属性，如图：

       设置图块的宽度和高度为32，设置边距和间距为1，以为map.png中包含了一些小图片，这些图片的宽和高都是32像素，同时避免这些小图片挤在一起，我们增加了一个像素的边距和间距

       单击“确定”按钮，我们就在看到图块添加成功，接下来我们就可以利用这些素材来绘制自己想要的地图了，绘制完保存一下，命名为level01.tmx.

       最后，把默认启动场景设置为TollgateScene,运行项目，我们将看到如图：

接下来，我们创建实体类：

Entity.h

Entity.cpp

创建Player.h:

Player.cpp

修改TollgateScene:

       addPlayer函数的功能很简单，先创建一个精灵，再创建一个Player对象，然后绑定精灵到Player身上，最后把Player添加到我们的Tiled地图里。运行项目，我们将看到一个帅气的主角：