---
# System prepended metadata

title: enchant.js 宿題1-2
tags: [enchant.js 宿題]

---

# enchant.js 宿題1-2
## 課題2: キャラクターの追加と操作
### タスク:
・"cat.png"という名前の画像を使用して猫のキャラクターを作成してください。
・左右の矢印キーを押すと、キャラクターがその方向に移動するようにしてください。

    enchant();

    window.onload = function() {
        const BACKGROUND = "res/mori.jpeg"
        const DISP_SIZE = 640;

        var core = new Core(DISP_SIZE, DISP_SIZE);
        core.preload(BACKGROUND);
        core.onload = function() {

        var background = new Sprite(600, 338);
        background.x = 0;
        background.y = 0;
        background.scaleX = 1.0;
        background.scaleY = 2.0;
        background.image = core.assets[BACKGROUND];
        core.rootScene.addChild(background);

        // ここにコードを追加

        }
    core.start();
    }

<details>
<summary>解答</summary>
    
    enchant();
    window.onload = function() {
        const BACKGROUND = "res/mori.jpeg"
        const CAT = "res/cat.png";
        const DISP_SIZE = 640;

        var core = new Core(DISP_SIZE, DISP_SIZE);
        core.preload(BACKGROUND, CAT);
        core.onload = function() {

        var background = new Sprite(600, 338);
        background.x = 0;
        background.y = 0;
        background.scaleX = 1.0;
        background.scaleY = 2.0;
        background.image = core.assets[BACKGROUND];
        core.rootScene.addChild(background);

        var cat = new Sprite(100, 100);
        cat.x = 5;
        cat.y = 400;
        cat.scaleX = 0.5;
        cat.scaleY = 0.5;
        cat.image = core.assets[CAT];
        cat.on('enterframe', function() {
            if (core.input.right) {
                this.x += 10;
            }
            if (core.input.left) {
                this.x -= 10;
            }
        });
        core.rootScene.addChild(cat);

        }
    core.start();
    }


</details>