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

cocos2d-‐x 3.0 alpha0-‐pre MacでiOSアプリをつくろう！

清水友晶

•  株式会社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

•  6/25発売 •  2,800円＋税 •  400ページ

•  6/18発売 •  2,980円＋税 •  312ページ（オールカラー）

•  h=p://cocos2d-‐x.jp •  cocos2d-‐x開発元Chukong Technologies社公認 •  cocos2d-‐xのための自由なコミュニティー •  入門者から上級者まで誰でもOK!!ぜひご参加を! •  cocos2d-‐xに関することなら何でも投稿できます!! •  h=ps://www.facebook.com/groups/152840204871454/

•  8/8 shinjuku.cocos2d-‐x初心者ハンズオン　　　　〜MacでiOSアプリ開発環境を作ろう！〜

•  8/23 第2回 cocos2d-‐x開発事例勉強会 •  8/29 第11回 shinjuku.cocos2d-‐x •  9/12 shinjuku.cocos2d-‐x初心者ハンズオン　　　　〜cocos2d-‐xを利用したクロスプラットフォーム開発環境構築〜

•  9/13スマートフォン開発セミナー •  9/26 第12回 shinjuku.cocos2d-‐x •  10/M shinjuku.cocos2d-‐x初心者ハンズオン　　　　〜CocosBuilderを利用した開発の進め方〜

•  10/M 第13回 shinjuku.cocos2d-‐x

目次

•  cocos2d-‐xの紹介 •  cocos2d-‐xの開発環境を整える •  テンプレートプロジェクトから学ぶ •  今後の勉強方法について

cocos2d-‐xの紹介 •  2Dゲームフレームワーク •  オープンソース（MITライセンス） •  マルチプラットフォーム開発 •  Android, iOS, …（7種類） •  Win32, Mac, Linux

•  開発言語 … C++, Lua, Javascript •  どんなことができるのか？

èTestCPPを見てみましょう

iOSアプリを cocos2d-‐xで作るメリット

•  オープンソース(MITライセンス) •  無償 •  ソース公開

•  クロスプラットフォーム開発 •  開発期間の短縮 •  資産の有効活用

•  効率化 •  OpenGLを知らなくても、パフォーマンスの高い画像処理を行うことができる

•  cocos2d for iPhoneからの移行が容易 •  cocos2d for iPhoneとクラス名が同じ

iOSアプリを cocos2d-‐xで作るデメリット

•  ネイティブ間の連携が面倒 •  C++からObjec_ve-‐Cを利用（Objec_ve-‐C++があるため　比較的容易）

cocos2d-‐xの開発環境を整える

•  cocos2d-‐xインストール •  Xcodeインストール •  プロジェクト作成 •  iOS実機・シミュレータでの起動


•  cocos2d-‐xダウンロード h=p://www.cocos2d-‐x.org/projects/cocos2d-‐x/wiki/Download

•  任意のディレクトリへ展開 /Users/Sumomo/cocos2d-‐x-‐3.0alpha0-‐pre


•  Mac App StoreよりXcodeダウンロード


•  project-‐creatorによるプロジェクト作成 cocos2d-‐x-‐3.0alpha0-‐pre/tools/project_creator/create_project.py •  ディレクトリ移動

cd cocos2d-‐x-‐3.0alpha0-‐pre/tools/project_creator/ •  create_project.py実行

./create_project.py -‐p MyProject -‐k net.tks2.myproject -‐l cpp •  オプション •  -‐p … プロジェクト名 •  -‐k … パッケージ名 •  -‐l … 言語(cpp, lua, javascript)

•  cocos2d-‐x-‐3.0alpha0-‐pre/projectsにプロジェクトが作成される

cocos2d-‐xの開発環境を整える •  プロジェクトをXcodeで起動 •  cocos2d-‐x-‐3.0alpha0-‐pre/projects/MyProject/proj.ios/MyProject.xcodeproj

•  iOS実機・シミュレータ起動 •  Run


•  cocos2d-‐xをインストールしたディレクトリ直下にプロジェクト作成のための実行ファイルが用意された。 •  create-‐mul_-‐plaeorm-‐projects.py

•  利用するには修正が必要 •  1行目 evn è env •  改行コードを¥nに変更

テンプレートプロジェクトから学ぶ

•  プロジェクトには次のディレクトリがある •  Classes

èソースファイルを格納

•  Resources è画像・音声などのリソースファイルを格納

•  最初に用意されているクラスは次の2つ •  AppDelegateクラス •  HelloWorldクラス


•  AppDelegateには次のメソッドがある •  applica_onDidFinishLaunching()

•  アプリ起動時に処理され、アプリのセッティングを行う •  最初のシーンを呼び出す

•  applica_onDidEnterBackground() •  アプリがスリープする時に処理され、アプリの停止を行う

•  applica_onWillEnterForeground() •  アプリ復帰時に処理され、アプリの再開を行う

テンプレートプロジェクトから学ぶ •  HelloWorldScene.cppファイルのspriteをさわってみる •  位置変更

sprite-‐>setPosi_on( Point(0, 0) );

•  拡大・縮小 sprite-‐>setScale(2.0f);

•  回転 sprite-‐>setRota_on(90.0f);

•  アンカーポイント sprite-‐>setAnchorPoint( Point(0, 0) );

•  透過 sprite-‐>setOpacity(127);


•  オブジェクトを移動させてみる 2秒で画面右端へ移動する

MoveTo* move = MoveTo::create(2.0f, Point(size.width, size.height / 2)); sprite-‐>runAc_on(move);


•  Ac_on h=p://www.cocos2d-‐x.org/reference/na_ve-‐cpp/d7/d32/classcocos2d_1_1_finite__me_ac_on.html •  移動

MoveTo, MoveBy •  回転

RotateTo, RotateBy

•  フェードイン・フェードアウト FadeIn, FadeOut

今後の勉強方法について

•  cocos2d-‐x Wikiを調べる h=p://www.cocos2d-‐x.org/projects/cocos2d-‐x/wiki

•  cocos2d-‐x Referenceを調べる •  TestCppで調べる •  ググってみる •  cocos2d-‐x フォーラムで質問する •  cocos2d-‐x.jp communityで質問する

Documents

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