share facebook facebook 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)が書いています。

小森隆太

小森隆太

cloudpack

cloudpackは、Amazon EC2やAmazon S3をはじめとするAWSの各種プロダクトを利用する際の、導入・設計から運用保守を含んだフルマネージドのサービスを提供し、バックアップや24時間365日の監視/障害対応、技術的な問い合わせに対するサポートなどを行っております。
AWS上のインフラ構築およびAWSを活用したシステム開発など、案件のご相談はcloudpack.jpよりご連絡ください。