Macでcocos2d-x 2.1.3を使用した、iOSアプリの開発環境構築について
5 likes17,153 views
Macでcocos2d-x 2.1.3を使用した、iOSアプリの開発環境構築について
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 ? ?? 狠狠撸Share: ?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_?nite_`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で質問する