Download as PDF, PPTX
More Related Content
Similar to Cocos2d-x によるスマートフォンアプリ開発のこれまでとこれから
Cocos2d-x によるスマートフォンアプリ開発のこれまでとこれから
- 1.
- 2. 自己紹介 • 松浦 晃洋! • 株式会社シュハリ 代表取締役! •Cocos2d-x 開発のレシピ執筆 • • @syuhari! facebook.com/syuhari
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19. 海外での Cocos2d-x • 中国、台湾など東南アジアでの普及率はトップ • • MicroSoft が技術的に協力している • • ランキングの７割くらいがCocos2d-x を利用 Windows8, WindowsPhone8 ゲーム以外にもテレビのセットボックスとして利 用されている
- 20.
- 21.
- 22.
- 23.
- 24. Cocos2d-x 利用した結果 • App Store,Google Play へほぼ同時期にリリース • 教育系アプリで約２年で６００万ダウンロード • 国内の知育アプリのシェアNo.1
- 25.
- 26.
- 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);
- 34.
- 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分割 •分割後の物理オブジェクトにそれぞれ違う 運動エネルギーを与えて、散るようにする
- 40.
- 42. • CCTouchMoved で指でなぞった軌跡を保存 •CCTouchEnded で指でなぞった軌跡に沿って 小さい物理オブジェクトを多数作成 • それを繋げてひとつの物理オブジェクトにする • なぞった軌跡でラインを描画してテクスチャを 作成し、物理オブジェクトに貼り付ける
- 43.
- 45.
- 46.
- 47.
- 48.
- 49. C++ 開発者がより親しみやすく • Objective-C パターンからC++ パターンへ • C++11 対応 • ラムダ、std::function, std::thread など
- 50.
- 53. DragonBones • オープンソース • Flash のエクステンション • Bone Animation • C++,JavaScript どちらでも利用可能
- 54. JavaScript Binding • JavaScript とC++ のメソッド名が一致 • JavaScript でネイティブアプリが作れる • ビルド時間短縮で開発効率アップ • SpiderMonkey で動作
- 55.
- 56.
- 57.
- 58.
- 59. Action! • Cocos2d-x 未経験者 • 簡単なゲームを作ってみよう！ • コミュニティに参加！ • • facebook :cocos2d-x.jp Cocos2d-x 経験者 • コミュニティを一緒に盛り上げましょう！
- 60.