Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

16,648 views

Published on

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

Published in: Technology
  • Be the first to comment

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で質問する

×