Cocos2d-x によるスマートフォンアプリ開発のこれまでとこれから
•
44 gostaram•17,697 visualizações
デブサミ2014 セション 13-C-1 発表資料
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Destaque
Destaque (19)
Semelhante a Cocos2d-x によるスマートフォンアプリ開発のこれまでとこれから
Semelhante a Cocos2d-x によるスマートフォンアプリ開発のこれまでとこれから (20)
Mais de Akihiro Matsuura
Último
Último (11)
Cocos2d-x によるスマートフォンアプリ開発のこれまでとこれから
- 2. 自己紹介 • 松浦 晃洋! • 株式会社シュハリ 代表取締役! • Cocos2d-x 開発のレシピ執筆 • • @syuhari! facebook.com/syuhari
- 3. 今日のゴール • Cocos2d-x とは何かを知ってもらう • Cocos2d-x での開発を選択肢に入れてもらう • Cocos2d-x って何かイイねって思ってもらう
- 7. Cocos2d-x
- 8. Cocos2d-x
- 11. Cocos2d-x の利点 • マルチプラットフォーム開発 • オープンソース • • • ゲームエンジン内で何をしているか分かる いざとなれば自分でカスタマイズ 海外、国内のコミュニティが活発
- 12. Cocos2d-x の事例
- 13. BADLAND
- 15. 三国志パズル大戦
- 16. ブレイブフロンティア
- 17. Flappy Bird
- 18. 海外での Cocos2d-x
- 19. 海外での Cocos2d-x • 中国、台湾など東南アジアでの普及率はトップ • • MicroSoft が技術的に協力している • • ランキングの７割くらいが Cocos2d-x を利用 Windows8, WindowsPhone8 ゲーム以外にもテレビのセットボックスとして利 用されている
- 21. スマほん
- 22. リズムタップ
- 23. リズムオンステージ
- 24. Cocos2d-x 利用した結果 • App Store, Google Play へほぼ同時期にリリース • 教育系アプリで約２年で６００万ダウンロード • 国内の知育アプリのシェアNo.1
- 25. 実際にどんな感じ？
- 28. • CCNode 毎にカメラがある • 通常はのっぺりした 2D になるように カメラが調整されている • このカメラの位置などを調整できる
- 32. 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);
- 36. • CCMotionStreak クラス • 画像をカラーエフェクトかけて描画 • ⇐ 描画している画像はこれ • 指定した n 秒後にフェードアウト
- 37. 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); }
- 38. • 物理オブジェクトを放物線上に飛ばす • 指で切られたら、物理オブジェクトを2分 割して、テクスチャも2分割 • 分割後の物理オブジェクトにそれぞれ違う 運動エネルギーを与えて、散るようにする
- 42. • CCTouchMoved で指でなぞった軌跡を保存 • CCTouchEnded で指でなぞった軌跡に沿って 小さい物理オブジェクトを多数作成 • それを繋げてひとつの物理オブジェクトにする • なぞった軌跡でラインを描画してテクスチャを 作成し、物理オブジェクトに貼り付ける
- 46. Cocos2d-x のこれから
- 48. レンダリングの高速化
- 49. C++ 開発者がより親しみやすく • Objective-C パターンから C++ パターンへ • C++11 対応 • ラムダ、std::function, std::thread など
- 53. DragonBones • オープンソース • Flash のエクステンション • Bone Animation • C++, JavaScript どちらでも利用可能
- 54. JavaScript Binding • JavaScript と C++ のメソッド名が一致 • JavaScript でネイティブアプリが作れる • ビルド時間短縮で開発効率アップ • SpiderMonkey で動作
- 56. プロジェクトクリエイター
- 57. まとめ
- 58. 今日のゴール • Cocos2d-x とは何かを知ってもらう • Cocos2d-x での開発を選択肢に入れてもらう • Cocos2d-x って何かイイねって思ってもらう
- 59. Action! • Cocos2d-x 未経験者 • 簡単なゲームを作ってみよう！ • コミュニティに参加！ • • facebook : cocos2d-x.jp Cocos2d-x 経験者 • コミュニティを一緒に盛り上げましょう！