Lab

Cocos2d-x:テキストの表示

 Tag :  Published : 2013-10-20

Pocket

CCLabelTTFを使用します。
フォントの種類、サイズ、色、表示位置を指定して、画面に文字を表示させます。
> Ver3.x : 『テキストの表示』はこちら

テキストを表示

画面中央に”Hello World”と表示させてみます。

cocos2d-x テキストを画面中央に表示
    //画面サイズを取得
    CCSize size = CCDirector::sharedDirector()->getVisibleSize();

    //テキストの設定 CCLabelTTF::create("文字列", "フォントの種類", 文字サイズ);
    CCLabelTTF* pLabel = CCLabelTTF::create("Hello\nWorld", "Arial", 30);

    //画面の中央に表示!
    pLabel->setPosition(ccp(size.width/2,size.height/2));
    this->addChild(pLabel);
    

テキストの色を設定

“Hello World”を黄色(RGB:255, 255, 0))に変更してみます。
上記のコードに1行足すだけ!

cocos2d-x
//テキストを黄色に設定
pLabel->setColor(ccc3(255, 255, 0));
    

テキストの表示位置の設定

テキストの表示位置を画面の右下寄せにしてみます。

CCSizeMake:
基準範囲。今回は画面全体(size.width, size.height)を設定。

kCCTextAlignmentRight:
基準範囲に対する水平位置。今回は右寄せ。

kCCVerticalTextAlignmentBottom:
基準範囲に対する垂直位置。今回は下寄せ。

cocos2d-x テキストの表示位置を右上に設定
    //画面サイズを取得
    CCSize size = CCDirector::sharedDirector()->getVisibleSize();

    //表示位置の設定
    CCLabelTTF* pLabel = CCLabelTTF::create("Hello\nWorld", "Arial", 30, CCSizeMake(size.width, size.height), kCCTextAlignmentRight, kCCVerticalTextAlignmentBottom);

    //表示!
    pLabel->setPosition(ccp(size.width/2,size.height/2));
    this->addChild(pLabel);
    

水平位置
右寄せ:kCCTextAlignmentRight
左寄せ:kCCTextAlignmentLeft
中央寄せ:kCCTextAlignmentCenter

垂直位置
上寄せ:kCCVerticalTextAlignmentTop
下寄せ:kCCVerticalTextAlignmentBottom
中央寄せ:kCCVerticalTextAlignmentCenter

pageTop