cocos2d-­‐x	
  2.1.4	
 
WindowsでAndroidアプリ開発環境をつくろう!
清水	
 友晶	
 
•  株式会社TKS2	
  
スマートフォンアプリ開発

(iOS,	
  Android,	
  Windows	
  Phone	
  8)	
  
Webコンテンツ開発	
 
•  cocos2d-­‐xへの開発参...
•  6/25発売	
  
•  2,800円	
 +	
 税	
  
•  400ページ	
 
•  6/18発売	
  
•  2,980円	
 +	
 税	
  
•  312ページ(オールカ
ラー)	
  
•  h;p://cocos2d-­‐x.jp	
  
•  cocos2d-­‐x開発元Chukong	
  Technologies社公認	
  
•  cocos2d-­‐xのための自由なコミュニティー	
  
•  入門者から上級者まで...
•  7/11	
  shinjuku.cocos2d-­‐x初心者ハンズオン	
  
    〜WindowsでAndroidアプリ開発環境を作ろう!〜	
 
•  7/18	
  第10回	
 shinjuku.cocos2d-­‐x	
 ...
目次	
 
•  cocos2d-­‐xの紹介	
  
•  cocos2d-­‐xの開発環境を整える	
  
•  テンプレートプロジェクトから学ぶ	
  
•  今後の勉強方法について	
  
cocos2d-­‐xの紹介	
 
•  2Dゲームフレームワーク	
  
•  オープンソース(MITライセンス)	
  
•  マルチプラットフォーム開発	
  
•  Android,	
  iOS,	
  …(7種類)	
  
•  W...
cocos2d-­‐xの開発環境を整える	
 
•  cocos2d-­‐xインストール	
  
•  Android	
  SDK	
  +	
  Eclipseインストール	
  
•  Android	
  NDKインストール	
  
•...
cocos2d-­‐xの開発環境を整える	
 
•  cocos2d-­‐xダウンロード	
  
h;p://www.cocos2d-­‐x.org/projects/cocos2d-­‐x/wiki/Download	
  
•  任意のディ...
cocos2d-­‐xの開発環境を整える	
 
•  Android	
  SDK	
  +	
  Eclipseダウンロード	
  
h;p://developer.android.com/sdk/	
  
•  任意のディレクトリへ展開	
...
cocos2d-­‐xの開発環境を整える	
 
•  Android	
  NDK(32bit)ダウンロード	
  
h;p://developer.android.com/tools/sdk/ndk/	
  
•  任意のディレクトリへ展開	...
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¥bi...
cocos2d-­‐xの開発環境を整える	
 
•  SDK	
  Manager起動	
  
C:¥adt-­‐bundle-­‐windows¥SDK	
  Manager.exe	
  
•  オススメ	
 è	
  Android	
...
cocos2d-­‐xの開発環境を整える	
 
•  Eclipseの設定	
  
•  Eclipse起動	
  
•  WIndow	
  >	
  Preferences	
  
•  General	
  >	
  Workspace	...
cocos2d-­‐xの開発環境を整える	
 
•  project-­‐creatorによるプロジェクト作成	
  
cocos2d-­‐x-­‐2.1.4¥tools¥project-­‐creator¥create_project.py	...
cocos2d-­‐xの開発環境を整える	
 
•  Eclipseでプロジェクトを読込む	
  
•  File	
  >	
  New	
  >	
  Project	
  
•  Android	
  >	
  Android	
  Pr...
テンプレートプロジェクトから学ぶ	
 
•  プロジェクトには次のディレクトリがある	
 
•  Classes	
  
èソースファイルを格納	
  
•  Resources	
  
è画像・音声などのリソースファイルを格納	
  
•...
•  AppDelegateには次のメソッドがある	
 
•  applicamonDidFinishLaunching()	
  
•  アプリ起動時に処理され、アプリのセッティングを行う	
 
•  最初のシーンを呼び出す	
 
•  ap...
テンプレートプロジェクトから学ぶ	
 
•  HelloWorldScene.cppファイルのpSpriteをさわってみる	
 
•  位置変更	
 
pSprite-­‐>setPosimon(	
  ccp(0,	
  0)	
  );	
...
テンプレートプロジェクトから学ぶ	
 
•  オブジェクトを移動させてみる	
 
2秒で画面右端へ移動する	
 
CCMoveTo*	
  move	
  =	
  CCMoveTo::create(2.0f,	
  ccp(size.widt...
テンプレートプロジェクトから学ぶ	
 
•  CCAcmon	
  
h;p://www.cocos2d-­‐x.org/reference/namve-­‐cpp/dd/d89/
classcocos2d_1_1_c_c_finite_mme_...
今後の勉強方法について	
 
•  cocos2d-­‐x	
  Wikiを調べる	
  
h;p://www.cocos2d-­‐x.org/projects/cocos2d-­‐x/wiki	
  
•  cocos2d-­‐x	
  Re...
Upcoming SlideShare
Loading in...5
×

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

18,484

Published on

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

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
18,484
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
22
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

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

  1. 1. cocos2d-­‐x  2.1.4 WindowsでAndroidアプリ開発環境をつくろう!
  2. 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. 3. •  6/25発売   •  2,800円 + 税   •  400ページ •  6/18発売   •  2,980円 + 税   •  312ページ(オールカ ラー)  
  4. 4. •  h;p://cocos2d-­‐x.jp   •  cocos2d-­‐x開発元Chukong  Technologies社公認   •  cocos2d-­‐xのための自由なコミュニティー   •  入門者から上級者まで誰でもOK!!ぜひご参加を!   •  cocos2d-­‐xに関することなら何でも投稿できます!!   •  h;ps://www.facebook.com/groups/152840204871454/  
  5. 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. 6. 目次 •  cocos2d-­‐xの紹介   •  cocos2d-­‐xの開発環境を整える   •  テンプレートプロジェクトから学ぶ   •  今後の勉強方法について  
  7. 7. cocos2d-­‐xの紹介 •  2Dゲームフレームワーク   •  オープンソース(MITライセンス)   •  マルチプラットフォーム開発   •  Android,  iOS,  …(7種類)   •  Win32,  Mac,  Linux   •  開発言語  …  C++,  Lua,  Javascript   •  どんなことができるのか?    èTestCPPを見てみましょう
  8. 8. cocos2d-­‐xの開発環境を整える •  cocos2d-­‐xインストール   •  Android  SDK  +  Eclipseインストール   •  Android  NDKインストール   •  Cygwinインストール   •  Javaインストール   •  pythonインストール   •  Eclipseの設定   •  プロジェクト作成   •  Android実機転送
  9. 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. 10. cocos2d-­‐xの開発環境を整える •  Android  SDK  +  Eclipseダウンロード   h;p://developer.android.com/sdk/   •  任意のディレクトリへ展開   C:¥adt-­‐bundle-­‐windows  
  11. 11. cocos2d-­‐xの開発環境を整える •  Android  NDK(32bit)ダウンロード   h;p://developer.android.com/tools/sdk/ndk/   •  任意のディレクトリへ展開   C:¥android-­‐ndk-­‐r8e  
  12. 12. cocos2d-­‐xの開発環境を整える •  Cygwinダウンロード   h;p://cygwin.com/install.html   setup.exeのリンクをクリックするとダウンロード可  
  13. 13. cocos2d-­‐xの開発環境を整える •  Cygwinインストール   •  基本的には手順通り   •  パッケージに「make」を選択する  
  14. 14. cocos2d-­‐xの開発環境を整える •  Javaダウンロード   h;p://www.oracle.com/technetwork/java/javase/downloads/index.html   •  Javaインストール  
  15. 15. cocos2d-­‐xの開発環境を整える •  Pythonダウンロード   h;p://www.python.org/download/   •  Pythonインストール  
  16. 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. 17. cocos2d-­‐xの開発環境を整える •  SDK  Manager起動   C:¥adt-­‐bundle-­‐windows¥SDK  Manager.exe   •  オススメ è  Android  2.2  (API  8)  –  SDK  Plaeorm  
  18. 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. 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. 20. cocos2d-­‐xの開発環境を整える •  Eclipseでプロジェクトを読込む   •  File  >  New  >  Project   •  Android  >  Android  Project  from  Exismng  Code   •  Android実機転送   •  Run  >  Run  
  21. 21. テンプレートプロジェクトから学ぶ •  プロジェクトには次のディレクトリがある •  Classes   èソースファイルを格納   •  Resources   è画像・音声などのリソースファイルを格納   •  最初に用意されているクラスは次の2つ •  AppDelegateクラス   •  HelloWorldクラス
  22. 22. •  AppDelegateには次のメソッドがある •  applicamonDidFinishLaunching()   •  アプリ起動時に処理され、アプリのセッティングを行う •  最初のシーンを呼び出す •  applicamonDidEnterBackground()   •  アプリがスリープする時に処理され、アプリの停止を行う •  applicamonWillEnterForeground()   •  アプリ復帰時に処理され、アプリの再開を行う
  23. 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. 24. テンプレートプロジェクトから学ぶ •  オブジェクトを移動させてみる 2秒で画面右端へ移動する CCMoveTo*  move  =  CCMoveTo::create(2.0f,  ccp(size.width,  size.height/2)  );   pSprite-­‐>runAcmon(move);  
  25. 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. 26. 今後の勉強方法について •  cocos2d-­‐x  Wikiを調べる   h;p://www.cocos2d-­‐x.org/projects/cocos2d-­‐x/wiki   •  cocos2d-­‐x  Referenceを調べる   •  TestCppで調べる   •  ググってみる   •  cocos2d-­‐x  フォーラムで質問する   •  cocos2d-­‐x.jp  communityで質問する
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×