MacにCocos2d-xの開発環境を作る

XcodeでCocos2d-xの開発をできるようにして、iOSのエミュレータとandroidの実機でサンプルプログラムが動くようになるところまでやってみます。
間違っているところが多々あるかもしれません。

### 1.Xcodeをインストールする

・App Storeの右上のところに"Xcode"と打ちこんで検索します。

<img alt="appstore" src="https://www.evernote.com/shard/s228/sh/1c03d4e8-7ed2-48b7-b382-de0724d72bbd/372967ae3e8bee86a7929e456b27948c/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2016:28.jpg" />

・インストールを選択します　これでXcodeのインストールは完了です。

<img src="https://www.evernote.com/shard/s228/sh/6417ab2b-fcd8-4bf8-aef0-5f878af141f5/f4a19dcb5d7db0694b9ea45cc86c18a6/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2018:23.jpg" alt="appstore-ins" />

### 2.Cocos2d-xをダウンロード

<a href="http://www.cocos2d-x.org/" title="http://www.cocos2d-x.org/">http://www.cocos2d-x.org/</a>

・公式の右上の辺りから最新版をダウンロードしてきます。

<img src="https://www.evernote.com/shard/s228/sh/5fe342f5-e565-4480-983e-e18ac7f307b3/cd526693ba21b219fac744f1ed831f00/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2018:30.jpg" alt="ccs2dx" />

### 3.android-sdkをダウンロードする

<a href="http://developer.android.com/sdk/index.html" title="http://developer.android.com/sdk/index.html">http://developer.android.com/sdk/index.html</a>

・Download the SDKをクリックします。

<img src="https://www.evernote.com/shard/s228/sh/59a3e570-3713-46ac-b4b4-a4ddd5a716b9/0b0c3c834d6dfc95b08b6c526f327ec5/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2018:37.jpg" alt="sdk" />

・I have read and agree with the above terms and conditionsにチェックを入れて、sdkをダウンロードします。

<img src="https://www.evernote.com/shard/s228/sh/ff19815d-5fcc-49db-bd18-169a1db20a85/b3f3035abcb6cefa4ac0a1cf804a3136/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2018:42.jpg" alt="sdk2" />

### 4.android-ndkをダウンロードする

<a href="http://developer.android.com/tools/sdk/ndk/index.html" title="http://developer.android.com/tools/sdk/ndk/index.html">http://developer.android.com/tools/sdk/ndk/index.html</a>

・開発するプラットフォームのndkをダウンロードします。今回はMac OS X 64bit版を選択します。

<img src="https://www.evernote.com/shard/s228/sh/384aced8-c889-4fd1-926c-a04250705717/c79335ef2de28927b80eb4f061193735/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2018:53.jpg" alt="ndk" />

・ I have read and agree with the above terms and conditionsにチェックを入れて、ndkをダウンロードします。

<img src="https://www.evernote.com/shard/s228/sh/35ed9d5b-c074-4f07-8c0e-965711e607ef/b0be01f751ceebef6cefd6fbf01d1c09/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:02.jpg" alt="ndk2" />

### 5.Cocos2d-xのiOS用のプロジェクトを作って実行する

・ダウンロードの中にあるCocos2d-xのzipを解凍し、cocos2d-xにリネームします。そして、ターミナルを起動させて、cocos2d-xディレクトリ内に移動し、install-template-xcode.shを実行します。

<img src="https://www.evernote.com/shard/s228/sh/06640866-ac2d-498e-a29d-963b99779faf/aa3aaddd0d71d2517c046e4802333867/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:16.jpg" alt="https://www.evernote.com/shard/s228/sh/06640866-ac2d-498e-a29d-963b99779faf/aa3aaddd0d71d2517c046e4802333867/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:16.jpg" />

・Xcodeを立ち上げ、Create a new Xcode projectを選択します。

<img src="https://www.evernote.com/shard/s228/sh/902a54e0-32ff-482c-a6d1-88772aff52b9/3501f74a22e342f678396464f7198ce2/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:19.jpg" alt="https://www.evernote.com/shard/s228/sh/902a54e0-32ff-482c-a6d1-88772aff52b9/3501f74a22e342f678396464f7198ce2/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:19.jpg" />

・cocos2dxを選択し、Nextを押します。

<img src="https://www.evernote.com/shard/s228/sh/a6d48a45-4b06-4dde-89f9-885af3738673/def6bf63176129b56fcf7ffacd7f1b8b/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:21.jpg" alt="https://www.evernote.com/shard/s228/sh/a6d48a45-4b06-4dde-89f9-885af3738673/def6bf63176129b56fcf7ffacd7f1b8b/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:21.jpg" />

・プロジェクトの名前等を決めたあと、プロジェクトを生成するディレクトリを指定します。

<img src="https://www.evernote.com/shard/s228/sh/7cf126e3-4cfa-4c7b-a5f2-ff8ea5540700/d1d5db97a469b6079800ca5f51fe90cd/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:28.jpg" alt="https://www.evernote.com/shard/s228/sh/7cf126e3-4cfa-4c7b-a5f2-ff8ea5540700/d1d5db97a469b6079800ca5f51fe90cd/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:28.jpg" />

・Runをクリックします。

<img src="https://www.evernote.com/shard/s228/sh/e83b924a-8ef9-4cfd-b61a-5442817c013b/b5893001a37f75eeb212700191de50e1/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:31.jpg" alt="https://www.evernote.com/shard/s228/sh/e83b924a-8ef9-4cfd-b61a-5442817c013b/b5893001a37f75eeb212700191de50e1/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:31.jpg" />

・HelloWorldという画面が表示されれば成功です。これでiOS向けの開発環境は整いました。

<img src="https://www.evernote.com/shard/s228/sh/6b279fc5-de6c-48b8-a788-945cab10cb95/5e67c9afc4d70e1c873765aa8852aadb/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:35.jpg" alt="https://www.evernote.com/shard/s228/sh/6b279fc5-de6c-48b8-a788-945cab10cb95/5e67c9afc4d70e1c873765aa8852aadb/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:35.jpg" />

### 6.Cocos2d-xのandroid用のプロジェクトを作成し、実機でサンプルを動かす

・ダウンロードの中にあるsdkとndkを、それぞれandroid-sdkとandroid-ndkにリネームしておきます。その後、Applicationsの中にでも入れておきましょう。

<img src="https://www.evernote.com/shard/s228/sh/168c9788-02e1-4a78-9435-115238374e6d/d26ad231fe004b4317694e961cdbe899/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:40.jpg" alt="https://www.evernote.com/shard/s228/sh/168c9788-02e1-4a78-9435-115238374e6d/d26ad231fe004b4317694e961cdbe899/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:40.jpg" />

・ダウンロードの中のcocos2d-xディレクトリの中にある、create-android-project.shを編集します。筆者はXcodeで開きました。そして、NDK_ROOTとSDK_ROOTのパスを変更して保存します。

<img src="https://www.evernote.com/shard/s228/sh/c67a53cd-9241-4b42-8257-24f0de737338/1c34ce2d55d4a474525d135d0df34fbb/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:45.jpg" alt="https://www.evernote.com/shard/s228/sh/c67a53cd-9241-4b42-8257-24f0de737338/1c34ce2d55d4a474525d135d0df34fbb/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:45.jpg" />

・ターミナルを起動し、ダウンロードのcocos2d-xディレクトリの中へと移動します。そして、create-android-project.shを実行します。

<img src="https://www.evernote.com/shard/s228/sh/c37dbaa3-7502-4c0b-8fd5-158f88b073bb/04def2b4f8976a990100932909d28d5b/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:50.jpg" alt="https://www.evernote.com/shard/s228/sh/c37dbaa3-7502-4c0b-8fd5-158f88b073bb/04def2b4f8976a990100932909d28d5b/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:50.jpg" />

・パッケージパスを入力します。

<img src="https://www.evernote.com/shard/s228/sh/7009705d-d8b6-4691-8448-27758cd0d450/074a880dc51cb3d2b4f26903466291ba/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:52.jpg" alt="https://www.evernote.com/shard/s228/sh/7009705d-d8b6-4691-8448-27758cd0d450/074a880dc51cb3d2b4f26903466291ba/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2019:52.jpg" />

・ターゲットidを入力します。今回はandroid-17を選択します。

<img src="https://www.evernote.com/shard/s228/sh/e77513d8-f542-4699-b83b-af24c65843c2/8386adc3132d71caf39686afd2e2c582/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2020:03.jpg" alt="https://www.evernote.com/shard/s228/sh/e77513d8-f542-4699-b83b-af24c65843c2/8386adc3132d71caf39686afd2e2c582/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2020:03.jpg" />

・プロジェクト名を入力します。

<img src="https://www.evernote.com/shard/s228/sh/09537122-6273-4d34-bef1-a1c1f5ac02e7/0642c2394c91eb47f149e47e071d0996/deep/0/cocos2d-x%20%E2%80%94%20bash%20%E2%80%94%2080%C3%9724.jpg" alt="https://www.evernote.com/shard/s228/sh/09537122-6273-4d34-bef1-a1c1f5ac02e7/0642c2394c91eb47f149e47e071d0996/deep/0/cocos2d-x%20%E2%80%94%20bash%20%E2%80%94%2080%C3%9724.jpg" />

・ダウンロードの中のcocos2d-xディレクトリ内に、android用のプロジェクトが生成されています。今回の場合ですとmyprojが生成されています。

<img src="https://www.evernote.com/shard/s228/sh/4b2ff384-da42-498a-994d-9f3ca0d95c3a/d09e2c9b89b0cf7855a43350fef36efe/deep/0/cocos2d-x.jpg" alt="https://www.evernote.com/shard/s228/sh/4b2ff384-da42-498a-994d-9f3ca0d95c3a/d09e2c9b89b0cf7855a43350fef36efe/deep/0/cocos2d-x.jpg" />

・myproj内のproj.androidディレクトリを、先ほど作ったiOS用のプロジェクト"cocos2d-x"に、このような階層になるように突っ込みます。

<img src="https://www.evernote.com/shard/s228/sh/bab90288-c0c1-4f32-a7ba-c7c881adf719/8dda6bafdb4f6eed661b60d2e3837512/deep/0/hoge.jpg" alt="https://www.evernote.com/shard/s228/sh/bab90288-c0c1-4f32-a7ba-c7c881adf719/8dda6bafdb4f6eed661b60d2e3837512/deep/0/hoge.jpg" />

・ダウンロード内のcocos2d-x/cocos2dx/platform/android/java/src/org/cocos2dx/libディレクトリをコピーし、iOS用プロジェクトcocos2d-x/cocos2d-x/proj.android/src/org/cocos2dx/libとなるようにペーストします。

<img src="https://www.evernote.com/shard/s228/sh/71e4efcb-85b2-455e-bd09-5707f78c2bec/c2fccb13885f9bfd3dc2fba8103ead16/deep/0/cocos2dx.jpg" alt="https://www.evernote.com/shard/s228/sh/71e4efcb-85b2-455e-bd09-5707f78c2bec/c2fccb13885f9bfd3dc2fba8103ead16/deep/0/cocos2dx.jpg" />

・proj.android内のAndroidManifest.xmlを開き、minSdkVersion = 10に変更して保存します。

<img src="https://www.evernote.com/shard/s228/sh/79c83412-f988-4710-af9a-2842af1dd13f/f35f5a0419ea3bc3952598e9e67bc9f0/deep/0/AndroidManifest.xml.jpg" alt="https://www.evernote.com/shard/s228/sh/79c83412-f988-4710-af9a-2842af1dd13f/f35f5a0419ea3bc3952598e9e67bc9f0/deep/0/AndroidManifest.xml.jpg" />

・proj.android内のbuild_native.shを開き、以下の場所にコードを追加＆変更します。NDK_ROOTとCOCOS2DX_ROOTのパスを指定してあげるだけです。

<img src="https://www.evernote.com/shard/s228/sh/112f78fe-29bd-4160-907c-dfe5a1f78f59/336d729915215d1444cdf907fe44a7cf/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2020:54.jpg" alt="https://www.evernote.com/shard/s228/sh/112f78fe-29bd-4160-907c-dfe5a1f78f59/336d729915215d1444cdf907fe44a7cf/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2020:54.jpg" />

・proj.android内のproject.propertiesを開き、一番下の行をコメントアウトします。

<img src="https://www.evernote.com/shard/s228/sh/cfbcb680-98db-4f23-b84a-224312cbf340/4ca1610832e0dd7ae685f2e710b14c2f/deep/0/project.properties.jpg" alt="https://www.evernote.com/shard/s228/sh/cfbcb680-98db-4f23-b84a-224312cbf340/4ca1610832e0dd7ae685f2e710b14c2f/deep/0/project.properties.jpg" />

・実機をPCに接続してセットアップしてください。その後、ターミナルを立ち上げて、proj.androidディレクトリ内に移動します。そして、build_native.shを実行してください。

<img src="https://www.evernote.com/shard/s228/sh/065dcbb5-4094-4ff9-999d-c1a2225d4484/743dda7fd505256cff199b47349fb8f1/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2021:01.jpg" alt="https://www.evernote.com/shard/s228/sh/065dcbb5-4094-4ff9-999d-c1a2225d4484/743dda7fd505256cff199b47349fb8f1/deep/0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202013/04/18%2021:01.jpg" />

・ビルドが終了したら、ant debug installとコマンドを入力して実行してください。

<img src="https://www.evernote.com/shard/s228/sh/13925726-046a-4d3e-8da6-48260914f2b9/266092f4b22ed1b34615a7d69f6c45b6/deep/0/proj.android%20%E2%80%94%20bash%20%E2%80%94%2080%C3%9724.jpg" alt="https://www.evernote.com/shard/s228/sh/13925726-046a-4d3e-8da6-48260914f2b9/266092f4b22ed1b34615a7d69f6c45b6/deep/0/proj.android%20%E2%80%94%20bash%20%E2%80%94%2080%C3%9724.jpg" />

・実機を確認してください。myprojというアプリがありませんか？これで全く同一のソースでiOS・androidのゲームを開発することができます。また、cppを追加した場合、proj.android/jni/Android.mkに追加したcppの名前を追加しておくことを忘れないようにしてください。