Cocos2d-JSを動かす

Cocos2d-JSとは

もともとCocos2dはpythonの2dゲームフレームワークだが、いろいろな言語にも移植されている。そのうち、JavaScriptに移植された物がCocos2d-JS。

成立の経緯

JavaScriptに対応したCocos2dの派生にはCocos2d-html5とCocos2d-x JSBが独立して存在していたが、2014年にCocos2d-JSに統一された。

Cocos2d-html5はブラウザ用、Cocos2d-x JSBはiPhoneやAndroidをはじめとするマルチプラットフォームのアプリに対応していたので、それらをあわせたCocos2d-JSはブラウザで動作し、かつアプリにも書き出せる。

利点

APIが他のCocos2dシリーズとほぼ同じなので、すでに他のCocos2dを知っている人には覚えやすい。また、アプリ書き出し機能などが他のJavaScriptゲームエンジンよりも優れている。WebGLにも対応。

動作させるには

とりあえずCocos2d-JSを動作確認するには、Cocos2d-JSのサイトでダウンロードしてWebサーバー上に配置し、「HelloWorld.html」をブラウザで実行すれば良い。

LiteバージョンとFullバージョンがあり、Liteバージョンは軽量だがネイティブアプリ書きだし機能がのぞかれていてWeb上でのみ実行可能になっている。

残念ながら、画像などの読み込み処理でXMLHttpRequestを用いているため、httpプロトコルでないと読み込み失敗する。つまりローカルでHelloWorld.htmlをブラウザで開いても正常に動かない。実行にはWebサーバーが必要なので、XAMPPなどでサーバーをまず立てておこう。