cocos2d 简单高仿天天酷跑游戏

1.先直接上视频来看下这个游戏的样子(GIF已经不能满足这个游戏的展示了)




跑酷游戏最纠结的是地图,碰撞倒是简单,可以自己写或者使用box2d等物理引擎。跑酷游戏地图的特点就是随机性。但是随机中又有策划特意安排的部分,这样让玩家有小小惊喜。所以我就打算这样实现:用地图编辑器编写个几十个地图,然后洗牌掉,从第一个开始取,直到最后最后一个后,再重新洗牌,取第一个。这样就能突出天天跑酷游戏的特点。随机中又有特定安排。

游戏中绘制地图当然不能一次全部完成,那样太慢了。手机屏幕横向就那么长,初始化两个地图就够了,当快要穿帮时,赶紧绘制一个新的地图贴在第二个地图后面。第一个地图移到屏幕左边时,可以删掉了。这样一直保持两个地图就够了。跟背景重复移动类似。


2.自定义简单地图编辑器


决定使用地图编辑器后,一个问题就是使用Tiled Map 还是自己做一个。

Tiled Map让我不喜欢的地方是它每一个方块都是一个精灵,这样大块的图片会被分割成小块的图,效率很低。如果使用自定义object,又不能实时看地图效果。就尝试自己写一个简单的地图编辑器来供这个游戏使用。

我的需求:可以拖动元素摆到地图上,然后导出一个文件,里面有我自定义格式的内容,供我游戏中使用。


用什么来做是接下来的问题:

地图编辑器可以用普通的Qt来实现,做出来类似Tiled Map的效果。Tiled Map是开源的,可以参考它实现一个。但是没时间这样搞啊。就用cocos2d来做地图编辑器了,当然想要实现非常复杂的编辑器推荐还是参考Tiled Map

简单地做了一个地图编辑器的Demo,发现比想象中的简单:

就是初始一些小的精灵放在最右边,不可移动。每次touch他们的时候,生成一个新的精灵,并且这个精灵是可以拖动的。这样就可以任意摆放了。


地图文件数据该用什么格式来存储呢?

大致XML,Json是我考虑的两种。觉得Json会好点,将来做Cocos2d JS,可以直接包含进来都不需要解析。当然C++这边还是要解析的。Cocos2d 自带 rapid json,解析也不是问题。就决定使用json了。

数据格式大致是这样的:

{
    "Bones": [{
        "positionX": 1657.18,
        "positionY": 345.044
    }, {
        "positionX": 1522.69,
        "positionY": 336.114
    }, {
        "positionX": 1435.41,
        "positionY": 259.934
    }],
    "TopBlocks": [{
        "positionX": 2439.34
    }],
    "Blocks": [{
        "blockType": 2
    }, {
        "blockType": 0
    }, {
        "blockType": 2
    }}]
}

地图编辑器是下面这样的


cocos2d 简单高仿天天酷跑游戏_第1张图片


简单一个列表,点击一个地图,就编辑一个文件。因为是跑酷游戏,所以这个地图编辑器比较长,有3000像素左右。当然还可以往右无限移动。


cocos2d 简单高仿天天酷跑游戏_第2张图片


3.简单碰撞


碰撞这里我也是自己写的,没有用物理引擎。也比较容易。一个小技巧是给主角一个nextPositin的变量。跑酷会不断改变这个值,通过碰撞后,才真正把角色的position值设置为nextPosition。

一张图来说:

cocos2d 简单高仿天天酷跑游戏_第3张图片


 for(Square* square : squares){
        
        if(hero->nextRight() >= square->getLeft()){
            //右边碰撞
            if(hero->right() < square->getLeft()){
                if(hero->bottom() < square->getTop() && hero->top() > square->getBottom()){
                    hero->fixRightColl(square);//碰撞修复和触发事件
                }
            } 
           if(hero->left() <= square->getRight()){
			    //下面碰撞
               if(hero->bottom() >= square->getTop() && hero->nextBottom() <= square->getTop() && hero->top() > square->getTop()){
                    hero->fixTopColl(square);//碰撞修复和触发事件
                }
				//上面碰撞
				else if(hero->top() <= square->getBottom() && hero->nextTop() >= square->getBottom() && hero->bottom() < square->getTop()){
                    //碰撞后做的事情
                }
			}
        }
 }

当然碰撞金币等东西,直接判断两个矩形是否相交即可。

    for(Bone* bone : bones){
        
        if(hero->right() >= bone->getLeft()){
            if(bone->getRect().intersectsRect(hero->getRect())){
                bone->removeFromParent();
                bones.eraseObject(bone);
                sRunGlobal->boneCount = sRunGlobal->boneCount + 1;
                RunSound::playEffect(boneEffectName);
                break;
            }
        }
        
    }


4.对象重复使用


跑酷游戏设计到大量的对象创建,消除。一定要重复使用对象,搞个简单的缓存池就行了,可以参考这篇文《cocos2d 缓存池 对象重复使用》


第一个是IPhone 下载地址,第二个是android的。点击跳转链接,或者扫描二维码。
cocos2d 简单高仿天天酷跑游戏_第4张图片 cocos2d 简单高仿天天酷跑游戏_第5张图片


http://www.waitingfy.com/archives/1318

你可能感兴趣的:(cocos2d-x,cocos2d-x,小游戏实战)