enchant();  //enchant.jsの初期化

const shotInterval = 15;    //弾の発射間隔
const shotSpeed = 5;    //弾の速さ（１フレームに何px動くか）

window.onload = function () {   //html読み込み完了時に実行する関数
    const game = new Game(400, 400);　//width:400px,height:400pxのゲーム画面を設置
    game.fps = 30;　//fpsを30に設定
    game.onload = function () {　//gameオブジェクトのロード完了時に実行する関数
        const scene = new Scene(); //spriteを貼り付けるsceneを定義
        scene.backgroundColor = "#ffffff";    //sceneの背景を白にする

        //TIPS:黒四角Spriteを定義して座標決めてsceneに貼る
        const blackRect = new Sprite(16, 16);   //width:16px,height:16pxのSpriteを設置
        blackRect.moveTo(192, 192); //(x,y)=(192,192)に設置
        blackRect.backgroundColor = "#000000";//黒で塗る
        blackRect.time = 0; //フレームカウント用の変数
        blackRect.onenterframe = function () {  //毎フレーム毎に実行する関数
            this.time++;    //フレーム毎にtimeを加算する
            if (this.time % shotInterval == 0) {    //shotIntervalフレーム経ったら弾発射
                const bullet = createBullet(this);  //弾を自分の座標に設置
                scene.addChild(bullet); //sceneに弾を貼り付ける
            }
        }
        scene.addChild(blackRect);  //sceneに黒四角を貼り付ける

        //TIPS:引数のspriteを発射元にして赤四角の弾を作成して返す関数
        function createBullet(sprite) {
            const bullet = new Sprite(8, 8);   //width:8px,height:8pxのSpriteを設置
            bullet.moveTo(sprite.x, sprite.y);  //発射元の座標に弾を合わせる
            bullet.backgroundColor = "#ff0000"; //赤に設定
            bullet.onenterframe = function () { //毎フレーム毎に実行する関数
                this.y -= shotSpeed;    //真上に向けて移動する
                if (bullet.x <= -30 || bullet.x >= 430 || bullet.y <= -30 || bullet.y >= 430) { //画面外か判定
                    this.parentNode.removeChild(this);  //画面外なら自身を削除する
                }
            }
            return bullet; //上で作成したspriteを返す
        }


        game.pushScene(scene);//sceneをgameに入れる
    }
    game.start();   //gameオブジェクトを開始する
}