1. Cocos2d-x
開発のレシピ
Saturday, June 22, 13

2. 自己紹介
• 松浦 晃洋
• 株式会社シュハリ 代表取締役
• 株式会社スマートエデュケーション
チーフエンジニア
Saturday, June 22, 13

3. Cocos2d-x
知っていますか？
Saturday, June 22, 13

4. Cocos2d-x
使っていますか？
Saturday, June 22, 13

5. Cocos2d-x
• Cocos2d for iPhone から派生
• 言語
• C++ JavaScript Lua
• 対応プラットフォーム
• iOS Android WindowsPhone
Saturday, June 22, 13

6. ResourcesC++
Objective-C Java
ant
Eclipse
Xcode
ipa apk
JNI
Saturday, June 22, 13

7. リズムタップ
Saturday, June 22, 13

8. つなげっと
Saturday, June 22, 13

9. Saturday, June 22, 13

10. 秀和システムさん
からのご好意で
2冊プレゼント！
Saturday, June 22, 13

11. Cocos2d-x で実際に
どんなことが簡単に
できるか
Saturday, June 22, 13

12. 本のレシピの中から
実際に使い方を紹介
Saturday, June 22, 13

13. レシピ72
簡易3Dを表示する
Saturday, June 22, 13

14. Saturday, June 22, 13

15. • CCNode 毎にカメラがある
• 通常はのっぺりした 2D になるようにカメ
ラが調整されている
• このカメラの位置などを調整できる
Saturday, June 22, 13

16. Saturday, June 22, 13

17. Saturday, June 22, 13

18. Saturday, June 22, 13

19. CCSize size = CCDirector::sharedDirector()->getWinSize();
// スクロールするスプライト生成
CCSprite* pSprite = CCSprite::create("script.png");
this->addChild(pSprite, 0);
// カメラ位置変更
float x=0, y=0, z=0;
this->getCamera()->getCenterXYZ(&x, &y, &z);
this->getCamera()->setCenterXYZ(x, y+0.0000003, z);
// スクロール処理
CCMoveBy* move = CCMoveBy::create(30.0f,
ccp(0, pSprite->getContentSize().height + size.height));
pSprite->runAction(move);
Saturday, June 22, 13

20. レシピ39
指でなぞったラインを描画する
レシピ44
画像を切り取って表示する
Saturday, June 22, 13

21. Saturday, June 22, 13

22. • CCMotionStreak クラス
• 画像をカラーエフェクトかけて描画
• ⇐ 描画している画像はこれ
• 指定秒数後にフェードアウト
Saturday, June 22, 13

23. bool Recipe39::ccTouchBegan(cocos2d::CCTouch *pTouch,
cocos2d::CCEvent *pEvent)
{
this->removeChildByTag(MOTION_STREAK_TAG, true);
// CCMotionStreak のインスタンスを生成
CCPoint point = this->convertTouchToNodeSpace(pTouch);
CCMotionStreak* pStreak =
CCMotionStreak::create(0.5f, 1.0f, 10.0f,
ccc3(255, 255, 0), "line.png");
pStreak->setPosition(point);
this->addChild(pStreak, 5, MOTION_STREAK_TAG);
return true;
}
void Recipe39::ccTouchMoved(cocos2d::CCTouch *pTouch,
cocos2d::CCEvent *pEvent)
{
// CCMotionStreak のインスタンスをタップした通りに動かす
CCPoint point = this->convertTouchToNodeSpace(pTouch);
CCMotionStreak* pStreak =
(CCMotionStreak*)this->getChildByTag(MOTION_STREAK_TAG);
pStreak->setPosition(point);
}
Saturday, June 22, 13

24. • 物理オブジェクトを放物線上に飛ばす
• 指で切られたら、物理オブジェクトを2分
割して、テクスチャも2分割。
• 分割後の物理オブジェクトにそれぞれ違う
運動エネルギーを与えて、散るようにする
Saturday, June 22, 13

25. レシピ70
物理エンジンを使用する
Saturday, June 22, 13

26. Saturday, June 22, 13

27. • CCTouchMoved でなぞった軌跡を保存
• CCTouchEnded でなぞった軌跡に沿って小さい
物理オブジェクトを多数作成
• それを繋げてひとつの物理オブジェクトにする
• なぞった軌跡でラインを描画してテクスチャを
作成し、物理オブジェクトに貼り付ける
Saturday, June 22, 13

28. github.com/syuhari/cocos2dx_recipe
Saturday, June 22, 13

29. エンジニア募集！
• @syuhari
• facebook.com/syuhari
Saturday, June 22, 13