スマホ/デスクトップに対応した高速な2Dゲームレンダリングエンジン「pixi.js」
pixi.jsはWebGL/Canvasに対応した2Dゲームレンダリングエンジンです。
Webブラウザで遊べるゲームはインストールせずに始められる分、敷居はとても低いと言えます。しかしゲームの質を落とせる訳ではありません。特にアクションゲームにおけるレスポンスは大事です。そこで使ってみたいのがpixi.jsです。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-18 11.00.03.1363693445.png)
pixi.jsを使ったゲーム、RUNpixieRUN。Jetpack系ゲームです。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-18 11.00.36.1363693451.png)
タップまたはクリックしていると上に浮かび上がります。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-18 11.00.47.1363693458.png)
メーターがたまると高速化。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-18 11.01.05.1363693466.png)
障害物に当たったりマグマ（？）に落ちるとゲームオーバー。
[](http://images.moongift.jp/2013/03/2013-03-18 11.03.23.1363693472.png)
iPhoneでも十分遊べるレベルです。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-18 11.01.23.1363693477.png)
こちらはウサギが飛び回るデモ。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-18 11.01.34.1363693480.png)
多数のバブルが動き回るデモ。数多くのモデルを描画できます。
[](http://images.moongift.jp/2013/03/Screenshot 2013-03-18 11.01.52.1363693486.png)
こちらは回転するモデル。
pixi.jsはWebGL/Canvasを使ってレンダリングを行います。選択は自動的に行われるようになっています。HTML5のみ対応ですが高速です。Sprite画像を使った表示にも対応しています。APIは分かりやすく設計されているとのことです。
pixi.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。
MOONGIFTはこう見る
日本では流行っているカードバトル方式のゲームですが、海外では殆ど不発のようです。むしろ日本でなぜここまで流行っているのかさえ個人的には疑問ですが（キャラクタービジネスと似ていますが）、世界を目指せるゲームを考えるならば日本の成功体験は意味をなしません。
Jetpack、Angry Birds、Temple Run 2などいずれも操作はシンプルに、しかしアクション要素を取り入れて長く遊べる工夫がこらされています。こういったゲームを開発する際には高速な2Dレンダリングエンジンの選定は必ず必要になるでしょう。