add lives, score increases quicker, invincibility frames, difficulty curve is harsher

Author: rjoken

.yarn/install-state.gz

@@ -3,6 +3,8 @@ import Phaser from "phaser";
 export class Player {
   private scene: Phaser.Scene;
   private sprite: Phaser.Physics.Arcade.Sprite;
+  private lives: number = 3;
+  private invincible: boolean = false;
   private horizontal: number = 0;
   private body!: Phaser.Physics.Arcade.Body;
 
@@ -26,6 +28,37 @@ export class Player {
     this.sprite.setPosition(newX, this.scene.cameras.main.height - 16);
   }
 
+  depleteLives() {
+    this.lives -= 1;
+  }
+
+  getLives() {
+    return this.lives;
+  }
+
+  isInvincible(): boolean {
+    return this.invincible;
+  }
+
+  setInvincible(state: boolean) {
+    this.invincible = state;
+  }
+
+  startInvincibility(duration: number = 1000) {
+    this.invincible = true;
+    this.scene.tweens.add({
+      targets: this.sprite,
+      alpha: 0.2,
+      duration: 100,
+      yoyo: true,
+      repeat: duration / 100 / 2,
+      onComplete: () => {
+        this.invincible = false;
+        this.sprite.setAlpha(1);
+      },
+    });
+  }
+
   getBody() {
     return this.sprite;
   }

src/game/Player.ts

@@ -15,6 +15,8 @@ export class GameScene extends Phaser.Scene {
   private scoreText!: Phaser.GameObjects.Text;
   private scoreTimer!: Phaser.Time.TimerEvent;
 
+  private livesText!: Phaser.GameObjects.Text;
+
   private switchy!: Phaser.GameObjects.Sprite;
 
   private background!: Phaser.GameObjects.TileSprite;
@@ -75,29 +77,40 @@ export class GameScene extends Phaser.Scene {
       .setOrigin(0, 0)
       .setScrollFactor(0);
 
+    // Set up Switchy (the player character)
+    this.player = new Player(this, gameWidth / 2, gameHeight - 16, "switchy");
+
     document.fonts.load('24px "Monogram"').then(() => {
       this.scoreText = this.add
-        .text(8, 0, `${this.score}`, {
+        .text(8, 0, `SCORE: ${this.score}`, {
           fontFamily: "Monogram",
-          fontSize: "24px",
+          fontSize: "16px",
           color: "#0f380f",
         })
         .setOrigin(0, 0)
         .setDepth(1000);
+
+      this.livesText = this.add.text(
+        8,
+        12,
+        `LIVES: ${this.player.getLives()}`,
+        {
+          fontFamily: "Monogram",
+          fontSize: "16px",
+          color: "#0f380f",
+        }
+      );
     });
 
     this.scoreTimer = this.time.addEvent({
-      delay: 2000,
+      delay: 500,
       loop: true,
       callback: () => {
         this.score++;
-        this.scoreText.setText(`${this.score}`);
+        this.scoreText.setText(`SCORE: ${this.score}`);
       },
     });
 
-    // Set up Switchy (the player character)
-    this.player = new Player(this, gameWidth / 2, gameHeight - 16, "switchy");
-
     // Collision optimizations
     // this.switchy.setCollideWorldBounds(true);
     this.physics.world.setBoundsCollision(true, true, true, true);
@@ -176,13 +189,20 @@ export class GameScene extends Phaser.Scene {
   }
 
   handlePlayerHit() {
-    if (this.gameEnded) return;
-    this.scoreTimer.remove(false);
-    this.physics.pause();
-    this.gameEnded = true;
-    this.playWipeTransition(() =>
-      this.scene.start("GameOverScene", { score: this.score })
-    );
+    if (this.player.isInvincible()) return;
+
+    const lives = this.player.getLives();
+    if (lives <= 1) {
+      this.scoreTimer.remove(false);
+      this.physics.pause();
+      this.playWipeTransition(() =>
+        this.scene.start("GameOverScene", { score: this.score })
+      );
+    } else {
+      this.player.depleteLives();
+      this.livesText.setText(`LIVES: ${this.player.getLives()}`);
+      this.player.startInvincibility();
+    }
   }
 
   playWipeTransition(onComplete: () => void) {