Macでcocos2d-x 2.1.3を使用した、iOSアプリの開発環境構築について
•
5 likes•17,151 views
Macでcocos2d-x 2.1.3を使用した、iOSアプリの開発環境構築について
More Related Content
What's hot
What's hot (20)
Viewers also liked
Similar to Macでcocos2d-x 2.1.3を使用した、iOSアプリの開発環境構築について
Similar to Macでcocos2d-x 2.1.3を使用した、iOSアプリの開発環境構築について (20)
More from Tomoaki Shimizu
More from Tomoaki Shimizu (16)
Recently uploaded
Recently uploaded (14)
Macでcocos2d-x 2.1.3を使用した、iOSアプリの開発環境構築について
- 2. 清水 友晶 • 株式会社TKS2 スマートフォンアプリ開発 (iOS, Android, Windows Phone 8) Webコンテンツ開発 • cocos2d-‐xへの開発参加 cocos2d-‐xを利用したアプリ開発 講演活動 執筆活動 • Twi=er: tks2shimizu • Blog: h=p://tks2.net/memo • SlideShare: h=p://www.slideshare.net/doraemonsss • Facebook: h=p://www.facebook.com/doraemonsss
- 3. • h=p://cocos2d-‐x.jp • cocos2d-‐x開発元Chukong Technologies社公認 • cocos2d-‐xのための自由なコミュニティー • 入門者から上級者まで誰でもOK!!ぜひご参加を! • cocos2d-‐xに関することなら何でも投稿できます!! • h=ps://www.facebook.com/groups/152840204871454/
- 4. • 5/15 shinjuku.cocos2d-‐x初心者ハンズオン 〜MacでiOSアプリを作ろう！〜 • 5/16 gumiWestStudy #1 • 5/17 cocos2d-‐x公開講座 in 鹿児島 • 5/18 cocos2d-‐x実践講座 in 鹿児島 • 5/22 第8回 shinjuku.cocos2d-‐x • 6/11 shinjuku.cocos2d-‐x初心者ハンズオン 〜MacでAndroidアプリを作ろう！〜 • 6/22 cocos2d-‐xハンズオン勉強会 • 6/25 第9回 shinjuku.cocos2d-‐x • 7/M shinjuku.cocos2d-‐x初心者ハンズオン 〜WindowsでAndroidアプリを作ろう！〜
- 5. 目次 • cocos2d-‐xの紹介 • cocos2d-‐xの開発環境を整える • テンプレートプロジェクトから学ぶ • 今後の勉強方法について
- 6. cocos2d-‐xの紹介 • 2Dゲームフレームワーク • オープンソース（MITライセンス） • マルチプラットフォーム開発 • Android, iOS, …（7種類） • Win32, Mac, Linux • 開発言語 … C++, Lua, Javascript • どんなことができるのか？ èTestCPPを見てみましょう
- 7. iOSアプリを cocos2d-‐xで作るメリット • オープンソース(MITライセンス) • 無償 • ソース公開 • クロスプラットフォーム開発 • 開発期間の短縮 • 資産の有効活用 • 効率化 • 画像処理のパフォーマンスアップ • cocos2d for iPhoneからの移行が容易 • cocos2d for iPhoneとクラス名が同じ
- 8. iOSアプリを cocos2d-‐xで作るデメリット • ネイティブ間の連携が面倒 • C++からObjec`ve-‐Cを利用 （Objec`ve-‐C++があるため 比較的容易）
- 9. cocos2d-‐xの開発環境を整える • cocos2d-‐xインストール • Xcodeインストール • プロジェクト作成（2つの方法） • iOS実機・シミュレータでの起動
- 10. cocos2d-‐xの開発環境を整える • cocos2d-‐xダウンロード h=p://www.cocos2d-‐x.org/projects/cocos2d-‐x/wiki/Download • 任意のディレクトリへ展開 /Users/Sumomo/cocos2d-‐2.1rc0-‐x-‐2.1.3
- 11. cocos2d-‐xの開発環境を整える • Mac App StoreよりXcodeダウンロード
- 12. プロジェクト作成方法1
- 13. テンプレートのインストール • ターミナル.app起動 • cocos2d-‐2.1rc0-‐x-‐2.1.3のディレクトリへ移動 • install-‐templates-‐xcode.shの実行 強制インストールの場合 アプリケーション > ユーティリティ > ターミナル cd cocos2d-‐2.1rc0-‐x-‐2.1.3 ./install-‐templates-‐xcode.sh -‐u ./install-‐templates-‐xcode.sh –u -‐f
- 15. テンプレートのインストールに失敗する… • テンプレートのインストールに失敗する場合は、テンプ レートの権限をチェックしてみましょう • 所有者が別の人になっている場合は、所有者を変更しま しょう cd /Users/sumomo/Library/Developer/Xcode/Templates ls -‐al chown –R sumomo cocos2d-‐x
- 16. 新規プロジェクトの作成 • Xcode起動 • 新規プロジェクトの作成 cocos2dxを選択
- 17. プロジェクト作成方法2
- 18. cocos2d-‐xの開発環境を整える • project-‐creatorによるプロジェクト作成 cocos2d-‐2.1rc0-‐x-‐2.1.3/tools/project-‐creator/create_project.py • ディレクトリ移動 cd cocos2d-‐2.1rc0-‐x-‐2.1.3/tools/project-‐creator/ • create_project.py実行 ./create_project.py -‐project MyProject -‐package net.tks2.myproject -‐language cpp • オプション • -‐project … プロジェクト名 • -‐packege … パッケージ名 • -‐language … 言語(cpp, lua, javascript) • cocos2d-‐2.1rc0-‐x-‐2.1.3/projectsにプロジェクトが作成さ れる
- 19. cocos2d-‐xの開発環境を整える • プロジェクトをXcodeで起動 • cocos2d-‐2.1rc0-‐x-‐2.1.3/projects/MyProject/proj.ios/ MyProject.xcodeproj • Scheme変更 • デフォルトではcocos2d-‐xになっているのでMyProject へ変更 • iOS実機・シミュレータ起動 • Run
- 20. テンプレートプロジェクトから学ぶ • プロジェクトには次のディレクトリがある • Classes èソースファイルを格納 • Resources è画像・音声などのリソースファイルを格納 • 最初に用意されているクラスは次の2つ • AppDelegateクラス • HelloWorldクラス
- 21. テンプレートプロジェクトから学ぶ • AppDelegateには次のメソッドがある • applica`onDidFinishLaunching() • アプリ起動時に処理され、アプリのセッティングを行う • 最初のシーンを呼び出す • applica`onDidEnterBackground() • アプリがスリープする時に処理され、アプリの停止を行う • applica`onWillEnterForeground() • アプリ復帰時に処理され、アプリの再開を行う
- 22. テンプレートプロジェクトから学ぶ • HelloWorldScene.cppファイルのpSpriteをさわってみる • 位置変更 pSprite-‐>setPosi`on( ccp(0, 0) ); • 拡大・縮小 pSprite-‐>setScale(2.0f); • 回転 pSprite-‐>setRota`on(90.0f); • アンカーポイント pSprite-‐>setAnchorPoint( ccp(0, 0) ); • 透過 pSprite-‐>setOpacity(127);
- 23. テンプレートプロジェクトから学ぶ • オブジェクトを移動させてみる 2秒で画面右端へ移動する CCMoveTo* move = CCMoveTo::create(2.0f, ccp(size.width, size.height/2) ); pSprite-‐>runAc`on(move);
- 24. テンプレートプロジェクトから学ぶ • CCAc`on h=p://www.cocos2d-‐x.org/reference/na`ve-‐cpp/dd/d89/ classcocos2d_1_1_c_c_finite_`me_ac`on.html • 移動 CCMoveTo, CCMoveBy • 回転 CCRotateTo, CCRotateBy • フェードイン・フェードアウト CCFadeIn, CCFadeOut
- 25. 今後の勉強方法について • cocos2d-‐x Wikiを調べる h=p://www.cocos2d-‐x.org/projects/cocos2d-‐x/wiki • cocos2d-‐x Referenceを調べる • TestCppで調べる • ググってみる • cocos2d-‐x フォーラムで質問する • cocos2d-‐x.jp communityで質問する