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

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

清水友晶

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

•  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

目次

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

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

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

èTestCPPを見てみましょう

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

•  cocos2d-‐xインストール •  Android SDK + Eclipseインストール •  Android NDKインストール •  Cygwinインストール •  Javaインストール •  pythonインストール •  Eclipseの設定 •  プロジェクト作成 •  Android実機転送


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

•  任意のディレクトリへ展開 C:¥cocos2d-‐2.1rc0-‐x-‐2.1.4


•  Android SDK + Eclipseダウンロード h;p://developer.android.com/sdk/

•  任意のディレクトリへ展開 C:¥adt-‐bundle-‐windows


•  Android NDK(32bit)ダウンロード h;p://developer.android.com/tools/sdk/ndk/

•  任意のディレクトリへ展開 C:¥android-‐ndk-‐r8e


•  Cygwinダウンロード h;p://cygwin.com/install.html setup.exeのリンクをクリックするとダウンロード可


•  Cygwinインストール •  基本的には手順通り •  パッケージに「make」を選択する


•  Javaダウンロード

h;p://www.oracle.com/technetwork/java/javase/downloads/index.html

•  Javaインストール


•  Pythonダウンロード

h;p://www.python.org/download/

•  Pythonインストール


•  環境変数の設定 •  「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


•  SDK Manager起動 C:¥adt-‐bundle-‐windows¥SDK Manager.exe •  オススメ è Android 2.2 (API 8) – SDK Plaeorm


•  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


•  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にプロジェクトが作成される


•  Eclipseでプロジェクトを読込む •  File > New > Project •  Android > Android Project from Exismng Code

•  Android実機転送 •  Run > Run

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

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

èソースファイルを格納

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

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

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

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

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

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

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

pSprite-‐>setPosimon( ccp(0, 0) );

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

•  回転 pSprite-‐>setRotamon(90.0f);

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

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


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

CCMoveTo* move = CCMoveTo::create(2.0f, ccp(size.width, size.height/2) ); pSprite-‐>runAcmon(move);


•  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

今後の勉強方法について

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

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

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

Technology