Cocos2d－x跑酷游戏项目教程

cocos2d－x特性

cocos2d－x采用MVC三层架构

流程控制( flow control ):方便管理不同的场景之间的流程

精灵(Sprite) 方便快速的显示控制一切可见的元素

节点(Node) 采用树状的继承关系，方便管理不同层次的游戏元素

动作( Action) 应用于节点的各种动画效果，动作元素

特效，平面地图，菜单，用户输入，文档，MIT许可，基于OpenGL的深度优化

简单跑酷游戏项目内容：
1.模型，视图，控制之间的关系

2.实现触摸事件的加入

3.镜头移动的实现

4.碰撞以及碰撞修复

5.吃金币以及胜利，失败条件的实现

1.      物理世界的加入

2.      加入声音，背景，粒子效果

3.      加入最好成绩存储

4.      引入firefly4手机网络游戏服务器，实现注册用户天梯比较排名

Chapter1 屏幕适配

CCEGLView::sharedOpenGLView()->setDesignResolutionSize()//设计分辨率大小及模式CCDirector::sharedDirector()->setContentScaleFactor()//内容缩放因子deprecatedCCFileUtils::sharedFileUtils()->setSearchPaths()//资源搜索路径

CCEGLView::sharedOpenGLView()->getFrameSize()//屏幕分辨率CCDirector::sharedDirector()->getWinSize()//设计分辨率

CCDirector::sharedDirector()->getVisibleSize()//设计分辨率可视区域大小CCDirector::sharedDirector()->getVisibleOrigin()//设计分辨率可视区域起点

从资源分辨率来说，通过接口setContentScaleFactor()决定了图片显示到屏幕的缩放因子

从屏幕分辨率来说，cocos2d-x也提供了对应的解决方案来解决这件事

kResolutionFixedHeight保持传入的设计分辨率高度不变，根据屏幕分辨率修正设计分辨率的宽度。

kResolutionFixedWidth保持传入的设计分辨率宽度不变，根据屏幕分辨率修正设计分辨率的高度。

第一过程选择setContentScaleFactor(RH/DH)

第二过程有两个选择：kResolutionNoBorder和kResolutionFixedHeight

Chapter2 模型，视图，控制

MVC三层架构之间的关系

通过这样的逻辑关系设计游戏的整体逻辑，对于这样逻辑关系复杂，迭代层次比较多的软件系统，那么最好在设计之初就把游戏逻辑关系设计好，避免后面出现接口不足和函数之间耦合性太强，不利于维护。

Chapter3 跑酷游戏设计

跑酷游戏是时下比较火爆的游戏类型，有多种设计方案，比如美国的基于U3D temple Run ，腾讯公司的天天酷跑等等，那么我们这里选择天天酷跑来说明整个游戏的设计：

首先跑酷游戏的游戏内容是，

1．                游戏精灵，在地图上跑，镜头视角移植定位在角色的3分之一处，随着精灵的移动而镜头移动。

2．                游戏精灵有站立，奔跑，跳起，落下基本状态，深入游戏开发，还有更多的状态，二次跳起，滑行等等。

3．                对于碰撞状态的设计来说，有前方，后方，上方，下方碰撞四种碰撞状态。

4．                通过碰撞状态我们能产生更多的游戏内容，比如掉入悬崖，吃金币等等丰富多彩的游戏内容

了解了这些基本设计我们就可以设计游戏整体架构和逻辑了：

1. 首先建立是主场景，作为游戏大部分显示界面的设计，绘制openGL游戏窗口，UI，精灵等等初始化和显示

2. 建立角色类，作为主要控制类，因为大部分的碰撞，跳起落下等等都是基于角色发生的，换句话说，没有角色这些都没有意义

3. 建立实体类，作为大部分其他游戏内容的设计，比如金币，怪物等等都可以继承实体类。

Chapter4 有限状态机

         有限状态机（简称FSM）就是控制游戏对象在不同状态下该做什么事情的一个机制。

角色站立 ROLE_STAND_BY

角色跑动 ROLE_RUN

角色跳起 ROLE_JUMP

角色下落 ROLE_DOWN

enumROLL_STATE{

ROLE_STAND_BY=0,

ROLE_RUN,

ROLE_JUMP,

ROLE_DOWN,

};

setRoleCurrentState(ROLE_STATE_roleState);

ROLE_STATE  getRoleCurrentState();

角色与下方的碰撞 ROLE_CURRENTBUTTOM

角色与上方的碰撞 ROLE_CURRENTTOP

角色与左方的碰撞 ROLE_CURRENTLEFT

角色与右方的碰撞ROLE_CURRENTRIGHT

enumROLE_CURRENT_STATE{

ROLE_CURRENTBUTTOM=0,

ROLE_CURRENTTOP,

ROLE_CURRENTLEFT,

ROLE_CURRENTRIGHT,

};

setRoleCurrentState(ROLE_CURRENT_STATE_roleCurrentState);

ROLE_CURRENT_STATE  getRoleCurrentState();

       在游戏世界里，我们需要绘制TileMap简化我们的操作，那么TileMap是一个免费的游戏砖块地图绘制工具，不仅仅是可以帮我们绘制地图还能帮助我们在地图中创建对象层，简化我们对对象的操作

建立砖块地图对象CCTMXTiledMap * m_map;

然后获取对象层，建立字典匹配砖块地图的属性，x，y坐标以及矩型框，产生碰撞事件

chapter6 镜头的移动和修复

       让人物看起来运动有两种方案：

1.    人物不动，背景地图运动

2.    人物动，背景地图动，人物始终处于地图的某一个位置

第一种，优势在于非常简单，我们只需要两张背景图片，然后拼接移动就行了。劣势就是会使整个过程看起来非常生硬。

第二种，优势就是整个过程看起来非常流畅自然好用，但是实现较为附在，代码量高于第一种

那么在这个项目里，因为时参考的天天酷跑，所以并不怕麻烦，那么我们选择固定视角，移动地图的方式使人物移动

整个算法如下：
我们通过Tiledmap文件获取方块的数量

         CCSizemapTiledNum= m_map->getMapSize();

然后获取单个地图的大小

CCSizetiledSize =m_map->getTileSize();

从而算出整个地图的总大小

CCSizemapSize =CCSize::CCSize(mapTiledNum.width * tiledSize.width,

maTiledNum.height *tiledSize.height);

然后得到屏幕的大小:

CCSizevisibleSize =CCDirector::shareDirector()->getVisibleSize();

再得到角色的坐标

CCPointRole =m_Sprite->getPosition();

         如果主角的坐标小于屏幕的四分之一，就取屏幕的坐标，否则取主角的坐标

float x = rolePoint.x>visable.width/4?rolePoint.x:visable.width/4;

x=x<mapsize.width-visable.width *="" .8?x:mapsize.width-visable.width="" .8;<="" div="" style="word-wrap: break-word; margin: 0px; padding: 0px;">