Sun Limited Mt.

CCLayerColor クラスを使用するとレイヤの背景に色を付けることができますが、CCLayerGradient クラスを使用するとレイヤにグラデーション付けることができます。

CCLayerGradient::create メソッドの引数にグラデーションの開始色、終了色、グラデーションの方向を指定します。最後のグラデーションの方向はアンカーポイントの指定と同じように、左下が (0, 0) 、右上が (1, 1) になります。

ccColor4B yellow = ccc4(255, 255, 0, 255);
ccColor4B black  = ccc4(0, 0, 0, 255);
CCLayerGradient* layer = CCLayerGradient::create(yellow, black, ccp(1.0f, 1.0f));
this->addChild(layer);

グラデーションを表示

CCDrawNode クラスを使用して線や図形を描画する方法です。レイヤに追加した CCDrawNode のインスタンスに draw 系のメソッドを使用して簡単に線や図形を描画することができます。

まず、CCDrawNode をレイヤに追加します。

CCSize size = CCDirector::sharedDirector()->getWinSize();
CCDrawNode* node = CCDrawNode::create();
node->setPosition(ccp(size.width/2, size.height/2));
this->addChild(node);

続きを読む »

CCCamera というクラスは全ての CCNode がプロパティとして保持しているクラスです。CCCamera はそのノードをどの地点から見ているかを指定することができます。もう少し詳しく書くと OpenGL の gluLookAt 関数でカメラの位置を定めるのに使用されます。CCNode にそれぞれ指定できますので、シーンやレイヤ、スプライト毎にカメラ位置を指定可能です。

例えば HellowWorld の画像のカメラ位置を下記のように指定します。

float x=0, y=0, z=0;
this->getCamera()->getCenterXYZ(&x, &y, &z);
this->getCamera()->setCenterXYZ(x, y+0.0000003, z);

これは下記の画像のように表示されます。

続きを読む »

アラートなどを表示するときにモーダルレイヤを出すことはよくあると思います。このモーダルレイヤを出す時に苦労するのがモーダルレイヤの下にあるボタンなどを押せなくする必要があることです。

例えば、HelloWorld のサンプルアプリは右下にあるボタンを押すとアプリが終了します。

モーダルレイヤ表示前の状態

Cococs2dx で iOS 用のプロジェクトを作成するのは Xcode からテンプレートを使って簡単にできます。しかし、そのプロジェクトを Android にも対応させようと思うと最初の設定が結構面倒です。そこで簡単に iOS/Android 用のプロジェクトを作成する方法を見つけたので備忘録のため書いておきます。よろしければご参考ください。

Xcode 4.6, Cocos2dx ver 2.0.3 で確認しています。
続きを読む »

追記（2013/5/10）
GitHub にプロジェクトを公開しました。よければご参考ください。
https://github.com/syuhari/Blade

フルーツニンジャでスワイプしたときのようなブレードエフェクトを Cocos2d-x の CCMotionStreak というクラスを使用して実装してみました。出来上がりは下記動画のような感じです。

続きを読む »

CocosBuilder は無料で使用できるツールで、CocosBuilder を使用すると InterfaceBuilder のように画面レイアウトが簡単に行えるようになります。cocos2d-x も ver2.0 になってから CocosBuilder で作成したファイルを読み込む CCBReader クラスが実装されたため使えるようになりました。

まずは単純に CocosBuilder で作成した画面を表示するコードです。

続きを読む »

ダウンロードなどの進捗表示に使用できる CCProgressTimer クラスの使い方です。
CCProgressTimer に指定した CCSprite が CCProgressTimer のパーセンテージにより表示され方が変化していきます。表示方法は時計回りに表示されていくのと、画像の真ん中から表示されていく2種類あります。

下の画像は時計回りに Icon-72.png が表示されていく例です。

続きを読む »

Cocos2dx ver2 から追加された CCEditText を試してみました。CCEditText クラスは文字をキーボードから入力可能にするクラスです。ゲームで名前の入力などに使用できそうです。また、キーボードが表示されることにより入力フォームが隠れてしまう場合も自動的に画面をスクロールさせてくれます。

CCEditText を表示

Cocos2d-x の CCSprite にマスクをかけられる CCMask クラスを作ってみました。
cocos2dx のフォーラムに v1.0 用の CCMask クラスはあったのですが、v2.0 では動作しなかったので、下記サイトなどを参考に v2.0 用を作成しました。
How To Mask a Sprite with Cocos2D 2.0
How To Create Cool Effects with Custom Shaders in OpenGL ES 2.0 and Cocos2D 2.X

cocos2d-x フォーラムの CCMask
http://www.cocos2d-x.org/boards/6/topics/11023

サンプルプロジェクトを GitHub にアップしています。
https://github.com/syuhari/CCMask
続きを読む »