Cocos2d-xでLive2Dを動かしてみる(1) 準備編

##概要
Cocos2d-xを使ってみるための環境構築が意外とややこしかったので備忘録的に作成
(1)準備編ではCocos2d-xのインストールまでとプロジェクトの作成まで
(2)iOS編ではXcodeを使ってLive2Dのキャラの描画まで
(3)Android編ではAndroid Studioを使ってLive2Dのキャラの描画まで(作成中)

##開発環境  
* Cocos2d-x 3.3
* Live2D Cubism SDK 2.0 OpenGL(Cocos2d-x) 2.0.06_2 本体（最新版をダウンロード
* Live2D Cubism SDK 2.0 OpenGL(Cocos2d-x) 2.0.06_2 Cocos2d-xのバージョン3.3
* Mac OS X Yosemite(10.10.3)
* Xcode(6.3.1)
* Java(1.8.0_31)
* Android Studio(1.2)
* Android NDK(r10d)
* Apache ANT(1.9.4)

Cocos2d-x 3.3を選んだのは書籍など参考になりそうな情報があると考えたため．
(Live2D Cubism SDKは2015/05/11現在，Cocos2d-xのバージョンで3.5まで対応している)

##Cocos2d-xのインストール
Cocos2d-xをインストールするために以下をインストールする必要があるようだ．
####iOSアプリ開発
* Xcode 
* Command Line Tools  

#####Androidアプリ開発
* Java
* Android Studio
* Android NDK
* Apache ANT


##iOSアプリ開発向けの設定
### 1. XcodeをApp Storeからインストール
(バージョンは5.1以上)
#### 2. Command Line Toolsをインストール
Command Line Toolsはターミナルから以下のコマンドでインストールできる
`$ xcode-select --install`

##Androidアプリ開発向けの設定
#### 1. Javaをインストール
以下のコマンドでインストールされているか確認できる
`$ java -version`
以下よりJDK7以上をダウンロードしてインストール
[http://www.oracle.com/technetwork/java/javase/downloads/index.html](http://www.oracle.com/technetwork/java/javase/downloads/index.html)

#### 2. Android Studioをインストール
[http://developer.android.com/sdk/index.html](http://developer.android.com/sdk/index.html)
のDownload Android Studio for Macからインストーラをダウンロードしてインストール
Android Studioを起動させ「I do not have a pervious version of Android Studio or I do not want to import my settings」を選択してSDKをインストールする

#### 3. Android NDKをインストール
[https://developer.android.com/tools/sdk/ndk/index.html](https://developer.android.com/tools/sdk/ndk/index.html)
からandroid-ndk-r10d-darwin-x86_64.binをダウンロードして以下で解凍
`$ chmod 700 android-ndk-r10d-darwin-x86_64.bin`
`$ ./android-ndk-r10d-darwin-x86_64.bin`
適切なフォルダに移動させる
SDK Managerは，Wlecome to Androi Studio画面のQuickStartのConfigure > SDK Managerから起動できる

#### 4. Apache ANTをインストール
[http://ant.apache.org/bindownload.cgi](http://ant.apache.org/bindownload.cgi)
のCurrent Release of Antあたりにあるapache-ant-バージョン-bin.zipをダウンロードして適切なフォルダに移動させる

##Pathの設定(環境変数)
Android StudioでインストールしたSDKのPath(/Users/ユーザ名/Library/Android/sdk)
Android NDKを移動させたフォルダ
Apache ANTを移動させたフォルダ
`$ vi ~/.bash_profile` で編集
>ANDROID_SDK_ROOT=/Users/ユーザ名/Library/Android/sdk/platform-tools
>NDK_ROOT=/Users/ユーザ名/dev/Android/ndk
>ANT_ROOT=/Users/ユーザ名/dev/Android/ant/bin

`$ source ~/.bash_profile` で編集を反映
以下でPathの設定ができているか確認しておく
`echo $ANDROID_SDK_ROOT`

##cocos2d-xのインストール
setup.pyを実行する
`$ cd ~/cocos2d-x`
`$ ./setup.py`
Pathの設定がうまくできていれば
->Please enter the path of 環境変数 (or press Enter to skip):
とかは出ずに終了，出てしまっているときは修正．

Please execute command: "source /Users/ユーザ名/.bash_profile" to make added system variables take effect
などメッセージに従ってコマンドを実行する

cocosコマンドが実行できたらインストール成功
以下のようなエラーが出た場合はPythonのバージョンを2系にしたら消えた（[参照](http://qiita.com/mettoboshi/items/61ef8aa4bf8afc8bf3b7)）

```lang:
$ cocos
Traceback (most recent call last):
  File "/Users/ユーザ名/cocos2dx/cocos2d-x-3.3/tools/cocos2d-console/bin/cocos.py", line 22, in <module>
    import cocos_project
  File "/Users/ユーザ名/cocos2dx/cocos2d-x-3.3/tools/cocos2d-console/bin/cocos_project.py", line 4, in <module>
    import cocos
  File "/Users/ユーザ名/cocos2dx/cocos2d-x-3.3/tools/cocos2d-console/bin/cocos.py", line 25, in <module>
    import ConfigParser
ImportError: No module named 'ConfigParser'
```

##Cocos2d-xでプロジェクトを作成
以下のようにするとC++でプロジェクト名がMyProject，
パッケージ名がcom.exampleのプロジェクトをデスクトップに作成する
`cocos new MyProject -p com.example -l cpp -d ~/Desktop`

オプションの確認の仕方
`$ cocos new -h`

##参考
[https://github.com/cocos2d/cocos2d-x](https://github.com/cocos2d/cocos2d-x)
[http://unsolublesugar.com/20150122/153509/](http://unsolublesugar.com/20150122/153509/)