windowsでcocos2d-x 2.1.4を使用した、androidアプリの開発環境構築について
Post on 15-Dec-2014
16.857 Views
Preview:
DESCRIPTION
TRANSCRIPT
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の開発環境を整える
• cocos2d-‐xダウンロード h;p://www.cocos2d-‐x.org/projects/cocos2d-‐x/wiki/Download
• 任意のディレクトリへ展開 C:¥cocos2d-‐2.1rc0-‐x-‐2.1.4
cocos2d-‐xの開発環境を整える
• Android SDK + Eclipseダウンロード h;p://developer.android.com/sdk/
• 任意のディレクトリへ展開 C:¥adt-‐bundle-‐windows
cocos2d-‐xの開発環境を整える
• Android NDK(32bit)ダウンロード h;p://developer.android.com/tools/sdk/ndk/
• 任意のディレクトリへ展開 C:¥android-‐ndk-‐r8e
cocos2d-‐xの開発環境を整える
• Cygwinダウンロード h;p://cygwin.com/install.html setup.exeのリンクをクリックするとダウンロード可
cocos2d-‐xの開発環境を整える
• Cygwinインストール • 基本的には手順通り • パッケージに「make」を選択する
cocos2d-‐xの開発環境を整える
• Javaダウンロード
h;p://www.oracle.com/technetwork/java/javase/downloads/index.html
• Javaインストール
cocos2d-‐xの開発環境を整える
• Pythonダウンロード
h;p://www.python.org/download/
• Pythonインストール
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
cocos2d-‐xの開発環境を整える
• SDK Manager起動 C:¥adt-‐bundle-‐windows¥SDK Manager.exe • オススメ è Android 2.2 (API 8) – SDK Plaeorm
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
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にプロジェクトが作成される
cocos2d-‐xの開発環境を整える
• 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で質問する
top related