share facebook facebook2 twitter menu hatena pocket slack

2012.01.05 THU

HTML5 enchant.js 基本

小森隆太

WRITTEN BY 小森隆太

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

今回は、ゲーム作成が簡単になる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)が書いています。

小森隆太

小森隆太