enchant.jsでSpriteを使ってみる

2014年4月7日

htmlはとりあえず前回用意したものと同じ(index.html)で。

new Sprite

game.js
enchant();
 
window.onload = function(){
    var game = new Core( 500, 500 );
    game.fps = 24;
 
    game.preload(
        '/enchant.js-builds-0.8.1/images/chara1.png'
    );
 
    game.onload = function() {
        var sprite = new Sprite(32,32); // 横幅,高さ
        sprite.image = game.assets['/enchant.js-builds-0.8.1/images/chara1.png'];
        sprite.frame = 0;
        game.rootScene.addChild(sprite);
    };
 
    game.start();

サンプル用に入っていた熊の画像を表示してみた。

関連記事

  1. enchant.jsでFPS(フレームレート)を表示してみる。 var game = Core(100,100); game.onload = function() { var fps...
  2. enchant.jsでClassを作ってみる htmlはとりあえず前回用意したものと同じ(index.html)で。 enchant.jsでClass enchant(); window.onload = function(){ var game = new...
  3. enchant.jsのSpriteでアニメーションしてみる htmlはとりあえず前回用意したものと同じ(index.html)で。 Spriteでアニメーション enchant(); window.onload = function(){ var game = new...
  4. enchant.jsでLabel使ってみる htmlはとりあえず前回用意したものと同じ(index.html)で。 new Label enchant(); window.onload = function(){ var game =...
enchant.jsJavaScript