Cocos2d-xで作る物理演算ゲーム ∼...

34
Cocos2d-xで作る物理演算ゲーム 環境構築編 = 2015年08月7日 =

Transcript of Cocos2d-xで作る物理演算ゲーム ∼...

Page 1: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

Cocos2d-xで作る物理演算ゲーム∼ 環境構築編 ∼

= 2015年08月7日 =

Page 2: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

今回はCocos2d-x 3.7を入れて、「AngryChicken」プロジェクトを作るところまで

Page 3: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

前提環境Xcode 6.4Android 開発環境mac os

導入するモノAndroid NDK r10ePython 2.7.9cocos2d-x 3.7

Page 4: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

Android環境を入れてない方は

ぎじゅつめも  http://wiki.xsqi.net/index.php?FrontPage Android項目にある開発環境構築を参考に構築ておきましょう。

Page 5: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

ただし

Android NDK と Pythonは、前述した「導入するモノ」と、キャプチャ画像とでは一部表記バージョン違いがありますが、脳内変換してください。

Page 6: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

最終的なフォルダ構成hosaka/UserData/applicationフォルダを作り以下のように配置

cocos2d-xはいろんなバージョンを入れとく可能性があるのでこうしとく。

Android NDK...

Page 7: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

Android NDK r10e(Android Native Development Kit)

Androidアプリケーションの一部または全部をC/C++言語で開発するためのキットです。

Page 8: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

ダウンロードし解凍後、フォルダを配置するだけ

Page 9: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

https://developer.android.com/index.html

Page 10: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日
Page 11: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日
Page 12: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日
Page 13: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日
Page 14: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

チェックして、

その下のボタンをクリックする

とダウンロード開始

Page 15: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

解凍して配置

hosaka$ chmod a+x android-ndk-r10e-darwin-x86_64.binhosaka$ ./android-ndk-r10e-darwin-x86_64.bin

ターミナルを起動して、ダウンロードしたファイルがある場所に移動。

その後以下のコマンドを実行しましょう。

Page 16: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

解凍後の配置例

Page 17: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

Cocos2d-x 3.7

オープンソースゲーム開発プラットフォーム。

ゲームはもちろん、その他のアプリやGUIベースのクロスプラットフォーム向けインタラクティブプログラムの作成も可能です。

Page 18: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

http://jp.cocos.com/

Page 19: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

解凍して配置

Page 20: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

Python 2.7.10

cocos関連の環境構築の課程で使用するスクリプト実行環境

Page 21: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

http://www.python.jp/

Page 22: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日
Page 23: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

実行してインストール

全てデフォルトでOK。

Page 24: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

動作確認

hosaka$ python --version

ターミナルを起動して次のコマンドを打ちましょう。

画⾯上に次のように表⺬されれば正常

python 2.7.10

Page 25: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

cocos2d-x環境設定プロジェクトを作成するために、

Android NDKやSDKの場所の設定が必要

Page 26: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

ターミナルからsetup.pyを実行する。

対話形式で必要なパスを設定していきます。設定が終了したら再起動しましょう。

Page 27: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

設定の確認.bash_profileに設定されたものが登録される

パスが間違っていたなどした場合や、手動で直す場合はこのファイルを変更してしまおう!

変更後は再起動が必要なので要注意

Page 28: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

プロジェクトの作成と実行早速、プロジェクトの作成をしてとりあえず実行してみよう

「AngryChicken」

Page 29: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

cocosコマンドを実行してプロジェクトを作成しよう

数十秒後

Page 30: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

AngryChickenをxcodeで実行してみる。

Page 31: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日
Page 32: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

次回は物理演算Chipmunk編

Page 33: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

参考文献

ぎじゅつめも  http://wiki.xsqi.net/index.php?FrontPage というか、このページみると結構細かくのっているのでいいでっせ。

Page 34: Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編e7%ac%ac%e4%ba%94%e5%9b%9e_%e3%83%97… · Cocos2d-xで作る物理演算ゲーム ∼ 環境構築編 ∼ = 2015年08月7日

ご清聴ありがとうございました。