Upload
tomoaki-shimizu
View
11.180
Download
3
Embed Size (px)
DESCRIPTION
Macでcocos2d-x 3.0alphaを使用した、iOSアプリの開発環境構築について
Citation preview
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の開発環境を整える
• cocos2d-‐xダウンロード h=p://www.cocos2d-‐x.org/projects/cocos2d-‐x/wiki/Download
• 任意のディレクトリへ展開 /Users/Sumomo/cocos2d-‐x-‐3.0alpha0-‐pre
cocos2d-‐xの開発環境を整える
• Mac App StoreよりXcodeダウンロード
cocos2d-‐xの開発環境を整える
• 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の開発環境を整える
• 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で質問する