---
# System prepended metadata

title: enchant.js 小テスト2-1
tags: [enchant.js 小テスト]

---

# enchant.js 小テスト2-1
## 課題: ゲームの初期化との表示
## タスク:
ゲームで使う画像を用意して全てpreloadしましょう。
背景を画面に表示しましょう
spaceshipを画面に表示しましょう。
### ヒント
定数化した時の名前は以下のものにしてください。
画像：IMG_SPACESHIP, IMG_METEOR, IMG_BACKGROUND
spaceship(64, 64)
・画像のクラス(sprite)で作りましょう。
・X座標は50, Y座標はcore.heightの半分に設定
背景bg(640, 360)
・画像のクラス(sprite)で作りましょう。


### 開始コード:
    
    enchant();

    window.onload = function() {
        const IMG_SPACESHIP = 
        const IMG_METEOR = 
        const IMG_BACKGROUND = 

        var core = new Core(640, 360);
        core.preload();
        core.onload = function() {
            // ここに記述して上記も完成させてください。
        };
        core.start();
    };
    function rand(n) {
        return Math.floor(Math.random() * (n + 1));
    }



<details>
    <summary>解答</summary>
    
   enchant();

    window.onload = function() {
        const IMG_SPACESHIP = 'spaceship.png';
        const IMG_METEOR = 'meteor.png';
        const IMG_BACKGROUND = 'space.png';
    
        var core = new Core(640, 360);
        core.preload(IMG_SPACESHIP, IMG_METEOR, IMG_BACKGROUND);
        core.onload = function() {
            var spaceship = new Sprite(64, 64);
            spaceship.image = core.assets[IMG_SPACESHIP];
            spaceship.x = 50;
            spaceship.y = core.height / 2;
            core.rootScene.addChild(spaceship);
            
            var bg = new Sprite(640, 360);
            bg.image = core.assets[IMG_BACKGROUND];
            core.rootScene.addChild(bg);
        };
    
        core.start();
    };
    function rand(n) {
        return Math.floor(Math.random() * (n + 1));
    }


    
</details>