ブロックくずしを作る５「ブロック」

import { IGameCanvasPart } from './game/GameCanvasPart';
import { Rectangle } from './shape/Rectangle';
import { GameMng } from './GameMng';
import { GameParameter } from './GameParameter';
/**
 * ブロックを表すクラス
 */
export class Brick implements IGameCanvasPart {
    /**
     * ブロック本体の四角
     */
    private _body = new Rectangle(0, 0,
        GameParameter.Brick.Width, GameParameter.Brick.Height);

    /**
     * ブロック本体の四角
     */
    public get Rect() { return this._body; }

    /**
     * ブロックの色
     */
    public Color: string = "cyan";

    /**
     * コンストラクタ
     */
    constructor(private _game: GameMng) {
    }

    Update(): void {
    }

    DrawCanvas(context: CanvasRenderingContext2D): void {
        context.fillStyle = this.Color;
        context.fillRect(this._body.Left, this._body.Top, this._body.Width, this._body.Height);
    }
}

export const GameParameter = {
    /**
     * ブロックに関連するパラメーター
     */
    Brick: {
        /**
         * ブロックの横幅
         */
        Width: 28,
        /**
         * ブロックの縦幅
         */
        Height: 14,
    } as const,
} as const;

import { GameLoop } from './game/GameLoop';
import { GameCanvas } from './game/GameCanvas';
import { GameCanvasPart } from './game/GameCanvasPart';
import { Rectangle } from './shape/Rectangle';
import { GameParameter } from './GameParameter';
import { Racket } from './Racket';
import { Ball } from './Ball';
import { Brick } from './Brick';

/**
 * ゲームの状況を表すtype
 * start - ゲーム開始
 * stop - ゲーム停止中
 * game - ゲーム実行中
 * gameover - ゲームオーバー
 */
export type GameStatus_t = 'start' | 'stop' | 'game' | 'gameover';

export class GameMng extends GameLoop {
    /**
     * ゲームの状況
     */
    public Status: GameStatus_t = "game";

    /**
     * id="gameCanvas"のCANVAS
     */
    public Canvas = new GameCanvas("gameCanvas");

    /**
     * ゲームエリア
     */
    public Area: Rectangle | undefined;

    /**
     * 球
     */
    public Ball = new Ball(this);

    /**
     * ラケット
     */
    public Racket = new Racket(this);

    /**
     * ブロック
     */
    public BrickList: Brick[] = [];

    /**
     * コンストラクタ
     */
    constructor() {
        super();
        this._AfterReadyCanvas();

        // 部品を登録
        this.AddPart(this.Canvas);

        // CANVAS部品を登録
        // ゲームエリア（を示す枠）
        let tmp = new GameCanvasPart();
        tmp.onDrawCanvas = context => {
            if (this.Area) {
                context.strokeStyle = "white";
                context.strokeRect(this.Area.Left, this.Area.Top, this.Area.Width, this.Area.Height);
            }
            else {
                let text = `ゲームエリアを設定できません。`;
                context.strokeStyle = "red";
                context.strokeText(text, 0, 12);
            }
        }
        this.Canvas.AddPart(tmp);
        // 球
        this.Canvas.AddPart(this.Ball);
        // ラケット
        this.Canvas.AddPart(this.Racket);
        // ブロック
        for (let i = 0; i < 15; i++) {
            let brick = new Brick(this);
            this.BrickList.push(brick);
            this.Canvas.AddPart(brick);
        }
    }

    /**
     * ゲームの状態を初期化する
     */
    public InitSituation() {
        // 球を初期化する
        this.Ball.Init();

        // ラケットを初期化する。
        this.Racket.Init();

        // ブロックを初期化する。
        let area = this.Area!;
        for (let i = 0; i < 15; i++) {
            let brick = this.BrickList[i];
            let x = i % 5;
            let y = (i - x) / 5;
            brick.Rect.X = (GameParameter.Brick.Width + 1) * (x - 2) + area.X;
            brick.Rect.Y = (GameParameter.Brick.Height + 1) * (y + 1) + area.Top;
            if (y == 0) {
                brick.Color = "magenta";
            }
        }
    }

    /**
     * ゲームキャンバスの準備ができてから行なう処理
     */
    private async _AfterReadyCanvas() {
        await this.Canvas.WaitUntil_GetHtmlElement();
        let width = this.Canvas.Width;
        let height = this.Canvas.Height;
        if (width > GameParameter.CanvasMinWidth && height > GameParameter.CanvasMinHeight) {
            this.Area = new Rectangle(20, 20, width - 20, height - 40);

            // ゲーム状態の初期化
            this.InitSituation();
        }
    }

    /**
     * Frameの値を使って、minとmaxの間の整数乱数値を得る。
     * @param min 
     * @param max 
     * @returns min以上、max以下の欄数値
     */
    public Random(min: number, max: number) {
        let frame = this.Frame ?? 0;
        if (max < min) {
            console.log('error: max:{max} min:{min}')
        }
        let diff = max - min + 1;
        return (frame % diff) + min;
    }
}