2017年のcocos2d js のはじめ方

2年ぶりくらいに cocos2d に復帰したのでそのときのメモです。当時触ってたときのバージョンは2.2.2でした。最新は3.13です。豆知識ですがタイトルに2017とか年を入れるとネタかぶりを気にせず記事がかけます。

スターター

とりあえずミニマムのスターターを作りました。 https://github.com/iwag/cocos2d-js-minimal-starter のリポジトリを clone します。
変更したらリロードみたいなのしたいのでbrowser-syncを別途インストールします （npm -g install browser-sync）。

$ browser-sync start --server --files *.js src/*.js

作り方

以下、ミニマムの作り方です。

cocos2d のSDKをダウンロードします http://cocos2d-x.org/download
全部入りだから300MBとかある。手順の通りインストールします。

インストールできたら以下のコマンドを実行してテンプレートを吐かせます

$ cocos new -l js
Python 2.7.5
> Copy template into ~/cocos2d-js-minimal-starter/MyJSGame
> Copying directory from cocos root directory...
> Copying files from template directory...
> Copying Cocos2d-x files...
> Rename project name from 'HelloJavascript' to 'MyJSGame'
> Replace the project name from 'HelloJavascript' to 'MyJSGame'
> Replace the project package name from 'org.cocos2dx.hellojavascript' to 'org.cocos2dx.MyJSGame'
> Replace the Mac bundle id from 'org.cocos2dx.hellojavascript' to 'org.cocos2dx.MyJSGame'
> Replace the iOS bundle id from 'org.cocos2dx.hellojavascript' to 'org.cocos2dx.MyJSGame'

なんか frameworks ってところにフレームワークのソースが全部コピーされるんだけど、jsだけでいいんでってことで全部消す。CMakefile.txtも殺しました。

代わりに公式で提供しているjavascriptのファイルを使う

ここで取れる http://cocos2d-x.org/filecenter/jsbuilder/
customizeしたがうまく動かないので結局full version

このダウンロードしたjsを libとかに適当に置いて、ソースの参照先をこれにする。

動かすときは

$ cocos run -p web

できたものが https://github.com/iwag/cocos2d-js-minimal-starter になります