HTML5 enchant.js 基本

こんにちわ。
職人見習いの小森です。

今回は、ゲーム作成が簡単になるenchant.jsについてまとめます。
まずは、画面作成と画像表示まで行なってみます。

○game.html

enchant.jsと実際にゲーム処理を記述するjsを読み込んでおきます。

○gameMain.js

window.onload = function()
{
    var game = new Game(320, 320);
    game.preload('enemy.gif');

    game.onload = function(){
         var sp = new Sprite(32, 32);
         sp.image = game.assets['enemy.gif'];
         game.rootScene.addChild(sp);
    }

    game.rootScene.backgroundColor = 'rgb(255, 255, 255)';
    game.start();
}

preload関数でゲーム処理を開始する前に画像を読み込んでおきます。
preloadは画像だけでなく音声ファイルも対応していてpreloadで読み込んでplayで再生できます。

game.assets['音声ファイル名'].play();

ここまでで、背景表示と画像の表示まで行いました。

※この記事は、なかの人（spitz8008）が書いています。