TypeScriptでゲームプログラム８「球のクラス化と処理改善」

/**
 * 球を表すクラス
 */
class Ball {
    /**
     * 球本体の円
     */
    private _body: Circle;

    /**
     * X座標の速度
     */
    private _VX = 0;

    /**
     * Y座標の速度
     */
    private _VY = 0;

    /**
     * コンストラクタ
     */
    constructor() {
        // 球のサイズ10で宣言
        this._body = new Circle(0, 0, 10);
    }
}

class Ball {
    /**
     * ゲーム開始時の初期化処理
     */
    public Init() {
        // フレームカウンターをランダム値として使う。
        let random = Random(1, 18);     // 1～18までのランダム値

        // X座標：初期値はフレームカウンタに応じて、Areaの横幅の0.1～0.9の位置にランダムに変化する。
        let random2 = 0.1 * (1 + (random % 9)); // randomから0.1～0.9まで0.1刻みの値を作る。
        this._body.X = Area.Left + Area.Width * random2;
        // Y座標：初期値はAreaの上辺から球の半径だけ下
        this._body.Y = Area.Top + this._body.Radius;
        // X軸速度：初期値はランダム値が奇数なら-5、偶数なら5に変化する。
        this._VX = (random & 1) ? 5 : -5;
        // Y軸速度：初期値は0
        this._VY = 0;
    }

    /**
     * CANVASへ描画する
     * @param context 
     */
    public DrawCanvas(context: CanvasRenderingContext2D) {
        context.fillStyle = "yellow";
        context.beginPath();
        context.arc(this._body.X, this._body.Y, this._body.Radius, 0, 2 * Math.PI);
        context.closePath();
        context.fill();
    }
}

// 変更前
this._VY += gravity;
this._body.X += this._VX;
this._body.Y += this._VY;

// 変更後
let N = 10;
for ( let i = 0 ; i < N ; i++){
   this._VY += gravity / N;
   this._body.X += this._VX / N;
   this._body.Y += this._VY / N;
}

// 変更前の「左壁に当たったときの補正処理」
x = left + left - x;

/**
 * 球の移動計算で使う、重力加速度
 */
const gravity = 0.25;

class Ball {
    /**
     * 状態更新
     */
    public Update() {
        if (Game.Status == "game") {
            let N = 10;
            for (let i = 0; i < N; i++) {

                // 速度を更新する。(下向きに加速する)
                this._VY += gravity / N;

                // 衝突を考慮せずに、座標と速度を更新する。
                this._body.X += this._VX / N;
                this._body.Y += this._VY / N;

                // ラケットとの衝突処理
                this._CollisionRachket();

                // 左右の壁との衝突処理
                if (this._VX < 0 && this._body.Left < Area.Left) {
                    // X座標速度を反転する。
                    this._VX = -this._VX;
                    // 得点を加算
                    Score++;
                }
                else if (this._VX > 0 && this._body.Right > Area.Right) {
                    // X座標速度を反転する。
                    this._VX = -this._VX;
                    // 得点を加算
                    Score++;
                }

                // 天井との衝突処理
                if (this._VY < 0 && this._body.Top < Area.Top) {
                    // Y座標速度を半分にして反転する。
                    this._VY *= -0.5;
                    // 得点を加算
                    Score += 3;
                }

                // 床との衝突処理
                if (this._body.Bottom > Area.Bottom) {
                    Game.Status = "gameover";
                    ChangeButton1Text("NEXTゲーム");
                    ChangeMessage(
                        "ゲームオーバー\n" +
                        "あなたのスコアは" + Score + "でした。\n" +
                        "ボタンを押すと次のゲームを開始します。"
                    );
                }
            }
        }
    }

    /**
     * ラケットとの衝突処理
     */
    private _CollisionRachket() {
        let racket_rect = Racket1.Rect;

        // 球がラケットに当たるとき、以下の条件を満たす。
        // - 球が下向きに移動している
        // - 球の最も下(_body.Bottom)がラケットの上面(racket_rect.Top)より下になる
        // - 球のX座標がラケットの左右の間にある。
        if (this._VY > 0 && racket_rect.Top < this._body.Bottom) {
            if (racket_rect.Left <= this._body.X && this._body.X <= racket_rect.Right) {
                // ラケットの幅を５つに分割し、球が当たった位置に応じて跳ね返り方を変える。
                // 1.ラケットの左側10%の範囲に当たったとき
                //   Y軸の速度を0.8倍にして反転する。
                //   X軸の速度を左向きに5～10にする。
                // 2.ラケットの右側10%の範囲に当たったとき
                //   Y軸の速度を0.8倍にして反転する。
                //   X軸の速度を右向きに5～10にする。
                // 3.ラケットの中央40%の範囲に当たったとき
                //   Y軸の速度を1.2倍にして反転する。
                //   X軸の速度が5を超えるときは、1つ減らす。
                // 4.上記以外
                //   Y軸の速度を0.9倍にして反転する。
                let dx = (this._body.X - racket_rect.Left) / racket_rect.Width;
                if (dx < 0.1) {                     // 左側10%
                    this._VY *= -0.8;
                    this._VX = Random(-10, -5);     // 左向きに5～10
                }
                else if (0.9 < dx) {                // 右側10%
                    this._VY *= -0.8;
                    this._VX = Random(5, 10);       // 右向きに5～10
                }
                else if (0.3 <= dx && dx <= 0.7) {  // 中央40%
                    this._VY *= -1.2;
                    if (this._VX > 5) { this._VX--; }
                    else if (this._VX < -5) { this._VX++; }
                }
                else {
                    this._VY *= -0.9;
                }
            }
        }
    }
}