【cocos3.x+box2d+tileMap】制作马里奥游戏（三）创世纪

转载请注明来源：http://www.jb51.cc/article/p-pbllcvle-ya.html

嘿嘿，标题开得很牛叉，不过事实上也确实如此，我们将在这里创造一个游戏世界，虽然世界很简单，马里奥只能简单感受重力、接受碰撞、左右移动、跳跃，但确实已经是一个小小的世界了！

一、载入地图，初始化Box2d等

代码中我会加入比较详细的注释，主要还是看代码。

bool MarioScene::init(){
    if(!Scene::init()){
        return false;
    }

    //初始化Box2d世界
    initBox2d();

    //创建地图
    _map = TMXTiledMap::create("tmx/test.tmx");
    //地图分辨率低，放大两倍
    _map->setScale(2.0f);
    this->addChild(_map,-129);

    //initMap();
    //创建静态刚体墙
    createPhysical(2);

    //创建马里奥
    _mario = MarioPlayer::create();
    _mario->setPosition(100,600);
    _mario->setName("player");
    _mario->setTag(CONTACT_PROCESSER);
    this->addChild(_mario);
    //将马里奥添加到Box2d世界
    this->addBodyToWorld(_mario,b2_dynamicBody);

    this->scheduleUpdate();
    //添加触碰事件处理
    auto listener = EventListenerTouchAllAtOnce::create();
    listener->onTouchesBegan = CC_CALLBACK_2(MarioScene::onTouchesBegan,this);
    listener->onTouchesEnded = CC_CALLBACK_2(MarioScene::onTouchesEnded,this);

    _eventDispatcher->addEventListenerWithSceneGraPHPriority(listener,this);

    return true;
}

///////////////////////////////////////////////////////////////
//初始化Box2d世界
void MarioScene::initBox2d(){
    //重力为10的世界
    b2Vec2 gravity(0,-10);
    _b2World = new b2World(gravity);
    //设置允许进入休眠状态，休眠Body不需要任何模拟
    _b2World->SetAllowSleeping(true);
    //[ 开启连续物理测试，这是因为计算机只能把一段连续的时间分成许多离散的时间点，再对每个时间点之间的行为进行演算，如果时间点的分割不够细致，速度较快的两个物体碰撞时就可能会产生“穿透”现象，开启连续物理将启用特殊的算法来避免该现象。]
    _b2World->SetContinuousPhysics(true);
    //设置碰撞检测处理回调
    _b2World->SetContactListener(this);


    auto debugDraw = new GLESDebugDraw(PTM_RATIO);   //这里新建一个 debug渲染模块
    uint32 flags = 0;
    flags += b2Draw::e_shapeBit;
//    flags += b2Draw::e_jointBit;
//    flags += b2Draw::e_aabbBit;
//    flags += b2Draw::e_pairBit;
//    flags += b2Draw::e_centerOfMassBit;

    debugDraw->SetFlags(flags);   //需要显示那些东西
    _b2World->SetDebugDraw(debugDraw);    //设置

}

///////////////////////////////////////////////////////////////
//添加cocos对象到Box2d世界中
void MarioScene::addBodyToWorld(Node* node,b2BodyType type,float scale){
    b2BodyDef bodydef;
    bodydef.type = type;
    //scale可以外部手工传入
    if (scale == -1) {
        scale = node->getScale();
    }
    auto size = node->getContentSize();
    //转换为世界坐标
    auto pos = node->convertToWorldSpaceAR(Vec2(0,0));

    bodydef.position.Set((pos.x)  / PTM_RATIO,(pos.y) / PTM_RATIO);
    auto body = _b2World->CreateBody(&bodydef);
    body->SetUserData(node);
    node->setUserData(body);


    b2PolygonShape Box;
    Box.SetAsBox(size.width * scale / PTM_RATIO / 2,size.height * scale / PTM_RATIO / 2);
    node->boundingBox();
    b2FixtureDef fixtureDef;
    fixtureDef.shape = &Box;
    fixtureDef.density = 1;
    fixtureDef.friction = 0;
    //fixtureDef.restitution = 1.0f;
    body->CreateFixture(&fixtureDef);
}

添加静态刚体墙相关信息，参见：【cocos3.x+box2d+tileMap】制作马里奥游戏（二）制作地图

二、让世界运转

Box2d的世界运转需要update中定时调用step函数，而cocos也需要在update中处理与Box2d世界的同步及马里奥移动。

void MarioScene::update(float dt){
    float timeStep = 0.03f;
    int32 velocityIterations = 8;
    int32 positionIterations = 8;

    //驱动Box2d世界运转
    _b2World->Step(timeStep,velocityIterations,positionIterations);
    _b2World->DrawDebugData();

    //处理对Player触摸操作，进行左右移动及停止
    _mario->dealPlayerStatus(dt);

    //处理地图，马里奥移动到屏幕指定位置开始，由地图移动替代之
    dealMap(dt);

    //将Box2d世界与cocos对象关联起来，主要是位置，角度等
    for(b2Body* b = _b2World->GetBodyList();b;b=b->GetNext()){
        if(b->GetType() == b2_dynamicBody){
            auto node = static_cast<Node*>(b->GetUserData());
            if(node){
                node->setPosition(b->GetPosition().x * PTM_RATIO,b->GetPosition().y * PTM_RATIO);
                //角度也跟着变化 
                //node->setRotation( -1 * CC_RADIANS_TO_DEGREES(b->GetAngle()));
            }
        }
    }
}

其中，马里奥移动、地图处理在下一节。

三、马里奥移动

这个稍微有点麻烦，不过比起自己实现一个物理引擎，Box2d已经帮我们做了很多。

思路：

跳跃很简单，只要给马里奥一个向上的冲量就可以了，在Box2d世界中自身的重力下，会很真实的有起跳-减速-下落-加速过程
左右移动稍微麻烦，需要我们自己来实现慢慢加速，比较快的减速，这里我们给马里奥一个状态属性，在每一帧的处理中，根据状态给他慢慢加速或减速

1.处理触摸事件

在第一节初始化时，我们已经为场景添加了多重触摸事件的监听，提醒一下，要开启多重触摸，需要修改：

AppController.mm中：  
// Enable or disable multiple touches  
[eaglView setMultipleTouchEnabled:YES];

然后我们来实现触摸事件处理代码实现：

bool MarioScene::onTouchesBegan(const std::vector<Touch*>& touches,Event *event){
    for(auto touch:touches){
        auto location = touch->getLocation();
        auto visibleRect = VisibleRect::getVisibleRect();
        auto body = static_cast<b2Body*>(_mario->getUserData());

        if(location.x > visibleRect.size.width / 2 && location.y < visibleRect.size.height / 2){
            //触碰右下屏，添加状态
            _mario->addStatus(MarioPlayer::STATUS_RIGHT_MOVING);
        }else if(location.x < visibleRect.size.width / 2 && location.y < visibleRect.size.height / 2){
            //触碰左下屏，添加状态
            _mario->addStatus(MarioPlayer::STATUS_LEFT_MOVING);
        }else if(location.y >= visibleRect.size.height / 2){
            //触碰上屏，如果没有在跳跃，才进行跳跃
            if(!_mario->haveStatus(MarioPlayer::STATUS_JUMP)){
                //给马里奥一个向上20的冲量
                body->ApplyLinearImpulse(b2Vec2(0,20),body->GetWorldCenter(),true);
                _mario->addStatus(MarioPlayer::STATUS_JUMP);
            }
        }
    }
    return true;
}

void MarioScene::onTouchesEnded(const std::vector<Touch*>& touches,Event *event){
    for(auto touch:touches){
        auto location = touch->getLocation();
        auto visibleRect = VisibleRect::getVisibleRect();
        if(location.x > visibleRect.size.width / 2 && location.y < visibleRect.size.height / 2){
            //删除触碰右下屏状态
            _mario->delStatus(MarioPlayer::STATUS_RIGHT_MOVING);
        }else if(location.x < visibleRect.size.width / 2 && location.y < visibleRect.size.height / 2){
            //删除触碰左下屏状态
            _mario->delStatus(MarioPlayer::STATUS_LEFT_MOVING);
        }
    }
}

2.在update中处理状态：

//处理对Player触摸操作，进行左右移动及停止
_mario->dealPlayerStatus(dt);

具体实现：

void MarioPlayer::dealPlayerStatus(float dt){
    auto body = static_cast<b2Body*>(getUserData());
    auto speed = body->GetLinearVelocity();
    b2Vec2 impluse(0,0);
    if(haveStatus(STATUS_RIGHT_MOVING)){
        //当前是向右移动
        //将马里奥方向调往右
        _anim->setScaleX(1);
        _normal->setScaleX(1);
        //让马里奥动起来
        _anim->setVisible(true);
        _normal->setVisible(false);
        //如果没有到达最大速度，则根据加速度慢慢增大
        if(speed.x < MAX_SPEED){
            impluse.x = std::min(MAX_SPEED / ACCELERATE_TIME * dt,MAX_SPEED - speed.x);
        }
    }else if(haveStatus(STATUS_LEFT_MOVING)){
        //当前是向左移动
        //将马里奥方向调往左
        _anim->setScaleX(-1);
        _normal->setScaleX(-1);
        //让马里奥动起来
        _anim->setVisible(true);
        _normal->setVisible(false);
        //如果没有到达最大速度，则根据加速度慢慢增大
        if(speed.x > -MAX_SPEED){
            impluse.x = -std::min(MAX_SPEED / ACCELERATE_TIME * dt,MAX_SPEED + speed.x);
        }
    }else{
        //让马里奥不要动了
        _anim->setVisible(false);;
        _normal->setVisible(true);
        if(std::abs(speed.x) <= MIN_SPEED){
            //小于最小速度，直接停止
            impluse.x = -speed.x;
        }else if(speed.x > 0){
            //如果当前是往右移动，按减速加速度快速停止
            impluse.x = -MAX_SPEED / DECELERATE_TIME * dt;
        }else if(speed.x < 0){
            //如果当前是往左移动，按减速加速度快速停止
            impluse.x = MAX_SPEED / DECELERATE_TIME * dt;
        }
    }
    body->ApplyLinearImpulse(impluse,true);
}

3.地图移动

现在马里奥已经可以移动了，不过真实游戏中，他移动到一定程度，就是地图移动而不是马里奥移动了，我们也需要实现这个效果。

需要注意的是，移动时，Box2d的世界也需要跟着移动，否则两者就不同步了。

void MarioScene::dealMap(float dt){
    auto pos = _mario->convertToWorldSpaceAR(Vec2(0,0));
    auto maPos = _map->convertToWorldSpaceAR(Vec2(0,0));
    auto body = static_cast<b2Body*>(_mario->getUserData());
    auto bodyPos = body->GetPosition();
    //从Box2d获取角色新的位置
    auto newPos = Vec2(bodyPos.x * PTM_RATIO,bodyPos.y * PTM_RATIO);
    auto visibleRect = VisibleRect::getVisibleRect();

    //如果角色移动到达规定位置，由地图移动替换之
    if(newPos.x / visibleRect.size.width  > MARIO_PLAYER_POSITION_PERCENT){
        //计算新的地图位置
        auto mapX = visibleRect.size.width * MARIO_PLAYER_POSITION_PERCENT  - newPos.x + maPos.x;
        //移动地图
        _map->setPosition(Vec2(mapX,0));
        //移动Box2d静态刚体墙
        _pyhsicalBody->SetTransform(b2Vec2(mapX / PTM_RATIO,0),0);

        //移动马里奥在Box2d世界中对应的刚体，马里奥就不用移动了，因为接下来就会根据这个刚体调整位置
        body->SetTransform(b2Vec2(visibleRect.size.width * MARIO_PLAYER_POSITION_PERCENT / PTM_RATIO,bodyPos.y),0);
        //_mario->setPosition(Vec2(visibleRect.size.width * MARIO_PLAYER_POSITION_PERCENT,pos.y));
}

至此，我们的马里奥就已经可以很好的模拟左右移动、跳跃、碰撞墙了。如下图：

原文链接：https://www.f2er.com/cocos2dx/340314.html

【cocos3.x+box2d+tileMap】制作马里奥游戏（三）创世纪

猜你在找的Cocos2d-x相关文章