HTML5の実装が充実するのに合わせてWebブラウザ上で様々なアプリケーションが作られるようになっています。その一つとしてゲームがあります。Canvasなどを使うことでハイレベルなゲームが作れます。 ただしCanvasはこれまでのWebのように使うわけではなく、ごりごりコーディングしても効率的ではありません。そこで使いたいのがフレームワークです。今回はStage.jsを紹介します。

Stage.jsの使い方

Stage.jsの簡単なデモ。風車が回転します。

マウスの動きに合わせてオブジェクトの形が変わるデモ。

マルバツゲーム。

同じ色を合わせて消していくゲーム。

ブロック崩し。

Stage.jsは2Dゲームに対応しており、パズルゲームなどが向いていると思われます。タップ操作のゲームはiPhoneやタブレットでも遊べますので、多くの環境向けにゲームが開発できるでしょう。

Stage.jsHTML5/JavaScript製のオープンソース・ソフトウェアです。

Stage.js - 2D HTML5 JavaScript Game Engine shakiba/stage.js