Successfully reported this slideshow.

Macでcocos2d-x 2.1.3を使用した、iOSアプリの開発環境構築について

5

Share

1 of 25
1 of 25

More Related Content

More from Tomoaki Shimizu

Related Books

Free with a 14 day trial from Scribd

See all

Macでcocos2d-x 2.1.3を使用した、iOSアプリの開発環境構築について

  1. 1. cocos2d-­‐x  2.1.3 MacでiOSアプリをつくろう!
  2. 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. 3. •  h=p://cocos2d-­‐x.jp   •  cocos2d-­‐x開発元Chukong  Technologies社公認   •  cocos2d-­‐xのための自由なコミュニティー   •  入門者から上級者まで誰でもOK!!ぜひご参加を!   •  cocos2d-­‐xに関することなら何でも投稿できます!!   •  h=ps://www.facebook.com/groups/152840204871454/  
  4. 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. 5. 目次 •  cocos2d-­‐xの紹介   •  cocos2d-­‐xの開発環境を整える   •  テンプレートプロジェクトから学ぶ   •  今後の勉強方法について  
  6. 6. cocos2d-­‐xの紹介 •  2Dゲームフレームワーク   •  オープンソース(MITライセンス)   •  マルチプラットフォーム開発   •  Android,  iOS,  …(7種類)   •  Win32,  Mac,  Linux   •  開発言語  …  C++,  Lua,  Javascript   •  どんなことができるのか?    èTestCPPを見てみましょう
  7. 7. iOSアプリを   cocos2d-­‐xで作るメリット •  オープンソース(MITライセンス)   •  無償   •  ソース公開   •  クロスプラットフォーム開発   •  開発期間の短縮   •  資産の有効活用   •  効率化   •  画像処理のパフォーマンスアップ   •  cocos2d  for  iPhoneからの移行が容易   •  cocos2d  for  iPhoneとクラス名が同じ
  8. 8. iOSアプリを   cocos2d-­‐xで作るデメリット •  ネイティブ間の連携が面倒   •  C++からObjec`ve-­‐Cを利用   (Objec`ve-­‐C++があるため    比較的容易)  
  9. 9. cocos2d-­‐xの開発環境を整える •  cocos2d-­‐xインストール   •  Xcodeインストール   •  プロジェクト作成(2つの方法)   •  iOS実機・シミュレータでの起動
  10. 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. 11. cocos2d-­‐xの開発環境を整える •  Mac  App  StoreよりXcodeダウンロード  
  12. 12. プロジェクト作成方法1
  13. 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
  14. 14. テンプレートのインストールに成功! •  テンプレートのインストールに成功した場合は、次のよ うなログが見られます。
  15. 15. テンプレートのインストールに失敗する… •  テンプレートのインストールに失敗する場合は、テンプ レートの権限をチェックしてみましょう       •  所有者が別の人になっている場合は、所有者を変更しま しょう cd  /Users/sumomo/Library/Developer/Xcode/Templates   ls  -­‐al chown  –R  sumomo  cocos2d-­‐x
  16. 16. 新規プロジェクトの作成 •  Xcode起動   •  新規プロジェクトの作成   cocos2dxを選択  
  17. 17. プロジェクト作成方法2
  18. 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. 19. cocos2d-­‐xの開発環境を整える •  プロジェクトをXcodeで起動   •  cocos2d-­‐2.1rc0-­‐x-­‐2.1.3/projects/MyProject/proj.ios/ MyProject.xcodeproj   •  Scheme変更   •  デフォルトではcocos2d-­‐xになっているのでMyProject へ変更   •  iOS実機・シミュレータ起動   •  Run  
  20. 20. テンプレートプロジェクトから学ぶ •  プロジェクトには次のディレクトリがある •  Classes   èソースファイルを格納   •  Resources   è画像・音声などのリソースファイルを格納   •  最初に用意されているクラスは次の2つ •  AppDelegateクラス   •  HelloWorldクラス
  21. 21. テンプレートプロジェクトから学ぶ •  AppDelegateには次のメソッドがある •  applica`onDidFinishLaunching()   •  アプリ起動時に処理され、アプリのセッティングを行う •  最初のシーンを呼び出す •  applica`onDidEnterBackground()   •  アプリがスリープする時に処理され、アプリの停止を行う •  applica`onWillEnterForeground()   •  アプリ復帰時に処理され、アプリの再開を行う
  22. 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. 23. テンプレートプロジェクトから学ぶ •  オブジェクトを移動させてみる 2秒で画面右端へ移動する CCMoveTo*  move  =  CCMoveTo::create(2.0f,  ccp(size.width,  size.height/2)  );   pSprite-­‐>runAc`on(move);  
  24. 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. 25. 今後の勉強方法について •  cocos2d-­‐x  Wikiを調べる   h=p://www.cocos2d-­‐x.org/projects/cocos2d-­‐x/wiki   •  cocos2d-­‐x  Referenceを調べる   •  TestCppで調べる   •  ググってみる   •  cocos2d-­‐x  フォーラムで質問する   •  cocos2d-­‐x.jp  communityで質問する

×