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

1. cocos2d-­‐x
2.1.4
WindowsでAndroidアプリ開発環境をつくろう！

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. • 6/25発売
• 2,800円
＋
税
• 400ページ
• 6/18発売
• 2,980円
＋
税
• 312ページ（オールカ
ラー）

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

5. • 7/11
shinjuku.cocos2d-­‐x初心者ハンズオン
〜WindowsでAndroidアプリ開発環境を作ろう！〜
• 7/18
第10回
shinjuku.cocos2d-­‐x
• 8/8
shinjuku.cocos2d-­‐x初心者ハンズオン
〜MacでiOSアプリ開発環境を作ろう！〜
• 8/21
第11回
shinjuku.cocos2d-­‐x
• 8/22
セミナー(仮)
• 8/23
第2回
開発事例勉強会
• 9/M
shinjuku.cocos2d-­‐x初心者ハンズオン
〜MacでAndroidアプリ開発環境を作ろう！〜
• 9/M
第12回
shinjuku.cocos2d-­‐x

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

7. cocos2d-­‐xの紹介
• 2Dゲームフレームワーク
• オープンソース（MITライセンス）
• マルチプラットフォーム開発
• Android,
iOS,
…（7種類）
• Win32,
Mac,
Linux
• 開発言語
…
C++,
Lua,
Javascript
• どんなことができるのか？
èTestCPPを見てみましょう

8. cocos2d-­‐xの開発環境を整える
• cocos2d-­‐xインストール
• Android
SDK
+
Eclipseインストール
• Android
NDKインストール
• Cygwinインストール
• Javaインストール
• pythonインストール
• Eclipseの設定
• プロジェクト作成
• Android実機転送

9. cocos2d-­‐xの開発環境を整える
• cocos2d-­‐xダウンロード
h;p://www.cocos2d-­‐x.org/projects/cocos2d-­‐x/wiki/Download
• 任意のディレクトリへ展開
C:¥cocos2d-­‐2.1rc0-­‐x-­‐2.1.4

10. cocos2d-­‐xの開発環境を整える
• Android
SDK
+
Eclipseダウンロード
h;p://developer.android.com/sdk/
• 任意のディレクトリへ展開
C:¥adt-­‐bundle-­‐windows

11. cocos2d-­‐xの開発環境を整える
• Android
NDK(32bit)ダウンロード
h;p://developer.android.com/tools/sdk/ndk/
• 任意のディレクトリへ展開
C:¥android-­‐ndk-­‐r8e

12. cocos2d-­‐xの開発環境を整える
• Cygwinダウンロード
h;p://cygwin.com/install.html
setup.exeのリンクをクリックするとダウンロード可

13. cocos2d-­‐xの開発環境を整える
• Cygwinインストール
• 基本的には手順通り
• パッケージに「make」を選択する

14. cocos2d-­‐xの開発環境を整える
• Javaダウンロード
h;p://www.oracle.com/technetwork/java/javase/downloads/index.html
• Javaインストール

15. cocos2d-­‐xの開発環境を整える
• Pythonダウンロード
h;p://www.python.org/download/
• Pythonインストール

16. cocos2d-­‐xの開発環境を整える
• 環境変数の設定
• 「PATH」の追加
• Cygwinのパス（下記2つとも必要）
/cygdrive/c/cygwin/bin
C:¥cygwin¥bin
• pythonのパス
C:¥Python27
• Cygwinの設定
• C:¥cygwin¥etc¥fstabに次の1行を追加
none
/cygdrive
cygdrive
binary,noacl,posix=0,user
0
0

17. cocos2d-­‐xの開発環境を整える
• SDK
Manager起動
C:¥adt-­‐bundle-­‐windows¥SDK
Manager.exe
• オススメ
è
Android
2.2
(API
8)
–
SDK
Plaeorm

18. cocos2d-­‐xの開発環境を整える
• Eclipseの設定
• Eclipse起動
• WIndow
>
Preferences
• General
>
Workspace
>
Linked
Resources
• COCOS2DX
è
cocos2dxのディレクトリ
• C/C++
>
Build
>
Environment
• NDK_ROOT
è
Android
NDKのディレクトリ
• CYGWIN
è
nodosfilewarning
• SHELLOPTS
è
igncr
• C/C++
>
Code
Analysis
• Syntax
and
Semanmc
Errorsのチェックを外す
• libcocos2dxプロジェクトのインポート
• File
>
New
>
Project
cocos2d-­‐x-­‐2.1.4¥cocos2dx¥plaeorm¥android¥java

19. cocos2d-­‐xの開発環境を整える
• project-­‐creatorによるプロジェクト作成
cocos2d-­‐x-­‐2.1.4¥tools¥project-­‐creator¥create_project.py
• ディレクトリ移動
cd
cocos2d-­‐x-­‐2.1.4¥tools¥project-­‐creator
• create_project.py実行
create_project.py
-­‐project
MyProject
-­‐package
net.tks2.myproject
-­‐language
cpp
• オプション
• -­‐project
…
プロジェクト名
• -­‐packege
…
パッケージ名
• -­‐language
…
言語(cpp,
lua,
javascript)
• cocos2d-­‐x-­‐2.1.4¥projectsにプロジェクトが作成される

20. cocos2d-­‐xの開発環境を整える
• Eclipseでプロジェクトを読込む
• File
>
New
>
Project
• Android
>
Android
Project
from
Exismng
Code
• Android実機転送
• Run
>
Run

21. テンプレートプロジェクトから学ぶ
• プロジェクトには次のディレクトリがある
• Classes
èソースファイルを格納
• Resources
è画像・音声などのリソースファイルを格納
• 最初に用意されているクラスは次の2つ
• AppDelegateクラス
• HelloWorldクラス

22. • AppDelegateには次のメソッドがある
• applicamonDidFinishLaunching()
• アプリ起動時に処理され、アプリのセッティングを行う
• 最初のシーンを呼び出す
• applicamonDidEnterBackground()
• アプリがスリープする時に処理され、アプリの停止を行う
• applicamonWillEnterForeground()
• アプリ復帰時に処理され、アプリの再開を行う

23. テンプレートプロジェクトから学ぶ
• HelloWorldScene.cppファイルのpSpriteをさわってみる
• 位置変更
pSprite-­‐>setPosimon(
ccp(0,
0)
);
• 拡大・縮小
pSprite-­‐>setScale(2.0f);
• 回転
pSprite-­‐>setRotamon(90.0f);
• アンカーポイント
pSprite-­‐>setAnchorPoint(
ccp(0,
0)
);
• 透過
pSprite-­‐>setOpacity(127);

24. テンプレートプロジェクトから学ぶ
• オブジェクトを移動させてみる
2秒で画面右端へ移動する
CCMoveTo*
move
=
CCMoveTo::create(2.0f,
ccp(size.width,
size.height/2)
);
pSprite-­‐>runAcmon(move);

25. テンプレートプロジェクトから学ぶ
• CCAcmon
h;p://www.cocos2d-­‐x.org/reference/namve-­‐cpp/dd/d89/
classcocos2d_1_1_c_c_finite_mme_acmon.html
• 移動
CCMoveTo,
CCMoveBy
• 回転
CCRotateTo,
CCRotateBy
• フェードイン・フェードアウト
CCFadeIn,
CCFadeOut

26. 今後の勉強方法について
• cocos2d-­‐x
Wikiを調べる
h;p://www.cocos2d-­‐x.org/projects/cocos2d-­‐x/wiki
• cocos2d-­‐x
Referenceを調べる
• TestCppで調べる
• ググってみる
• cocos2d-­‐x
フォーラムで質問する
• cocos2d-­‐x.jp
communityで質問する