ゲーム制作　Cocos2d-x関連　第５回　「ボールを動かそう」

投稿日：2016年7月2日更新日：2016年7月10日

今回はCocos2d-xのupdateメソッドでボールを動かしていきます。

さて前回の続きですが、

ボールをタップすると矢印画像を表示する。
そのままタップを移動することで、矢印画像を３６０度回転できる。
タップを離すとボールが指定された角度で移動する。矢印画像は削除する。

という３つの仕様がありました。残っているのは仕様３の「タップを離すとボールが指定された角度で移動する。」というところです。

プログラム実装

それではプログラムを記述していきましょう。以下のコードを追加してください。

HelloWorldScene.h

    void update(float dt);
    int _speed = 50;
    bool _isBallMoving = false;

HelloWorldScene.cpp HelloWorld::init

scheduleUpdate();

HelloWorldScene.cpp　HelloWorld::update

void HelloWorld::update(float dt){
    if(_isBallMoving){
        float x = _ball->getPosition().x - _speed*cosf(CC_DEGREES_TO_RADIANS(_degree));
        float y = _ball->getPosition().y + _speed*sinf(CC_DEGREES_TO_RADIANS(_degree));
        _ball->setPosition(Vec2(x, y)); 
    }
}

HelloWorldScene.cpp　HelloWorld::onTouchEnded

void HelloWorld::onTouchEnded(Touch* pTouch, Event* pEvent){

    if(_allow != nullptr){
        _allow->removeFromParent();
        _allow = nullptr;
    }
    _isBallMoving = true;
}

※前回のonTouchEndedに、ハイライトしている7行目を追記して下さい。

・update
cocos2dxのメソッドで、デフォルトではユーザの操作有無に関わらず、１／６０秒毎に実行されます。この中でボールの位置座標を更新することでボールが動いているように見えます。

プログラム解説

ボールの移動処理

画面をタップした際に角度を取得します。取得した角度にスピードとCos、Sinで計算して得られたX軸方向の移動量、Y軸方向の移動量を、updateメソッド内でボールの座標に加減算することでボールの移動が可能になります。
updateは１／６０毎に実行されます。この１／６０秒はよくフレームと呼ばれます。他のゲームやテレビも、フレーム毎に画面を更新することで動きを表現しているわけです。

ボールの移動タイミング

「_isBallMoving」フラグを定義してタップを放した際にtrueにします。そうすることで、タップを放したタイミングでupdate内部の処理が有効になり、ボールの移動が可能となります。

シミュレータの起動

それではシミュレータを起動しましょう。

5_sc_simu

土星に向けてスイングバイ！どうでしょうか。ボールが移動したかと思います。そしてそのまま画面外へ・・・

次回はボールを画面外に飛ばさないようにしたいと思います。

次回

第６回　「画面端でのボールの跳ね返り」

執筆者：aki

ゲーム制作 Cocos2d-x関連 第５回 「ボールを動かそう」