feat: update spawn wipe visuals for improved transition effects

Author: CoolSpring8

src/GameScene.ts

@@ -1055,27 +1055,22 @@ export class GameScene extends Phaser.Scene {
     const minX = -overscan;
     const maxX = VIEWPORT.width + overscan;
     const centerX = VIEWPORT.width * 0.5;
-    const shoulderInset = SPAWN_WIPE_VISUALS.shoulderInset;
-    const halfHead = SPAWN_WIPE_VISUALS.headWidth * 0.5;
+    const halfPoint = SPAWN_WIPE_VISUALS.pointWidth * 0.5;
 
     if (edge === "top") {
-      this.spawnWipe.moveTo(minX, baseY + SPAWN_WIPE_VISUALS.shoulderLift);
-      this.spawnWipe.lineTo(centerX - shoulderInset, baseY + SPAWN_WIPE_VISUALS.shoulderLift);
-      this.spawnWipe.lineTo(centerX - halfHead, baseY + SPAWN_WIPE_VISUALS.shoulderLift);
-      this.spawnWipe.lineTo(centerX, baseY - SPAWN_WIPE_VISUALS.headDepth);
-      this.spawnWipe.lineTo(centerX + halfHead, baseY + SPAWN_WIPE_VISUALS.shoulderLift);
-      this.spawnWipe.lineTo(centerX + shoulderInset, baseY + SPAWN_WIPE_VISUALS.shoulderLift);
-      this.spawnWipe.lineTo(maxX, baseY + SPAWN_WIPE_VISUALS.shoulderLift);
+      this.spawnWipe.moveTo(minX, baseY);
+      this.spawnWipe.lineTo(centerX - halfPoint, baseY);
+      this.spawnWipe.lineTo(centerX, baseY - SPAWN_WIPE_VISUALS.pointDepth);
+      this.spawnWipe.lineTo(centerX + halfPoint, baseY);
+      this.spawnWipe.lineTo(maxX, baseY);
       return;
     }
 
-    this.spawnWipe.lineTo(maxX, baseY - SPAWN_WIPE_VISUALS.shoulderLift);
-    this.spawnWipe.lineTo(centerX + shoulderInset, baseY - SPAWN_WIPE_VISUALS.shoulderLift);
-    this.spawnWipe.lineTo(centerX + halfHead, baseY - SPAWN_WIPE_VISUALS.shoulderLift);
-    this.spawnWipe.lineTo(centerX, baseY - SPAWN_WIPE_VISUALS.tailDepth);
-    this.spawnWipe.lineTo(centerX - halfHead, baseY - SPAWN_WIPE_VISUALS.shoulderLift);
-    this.spawnWipe.lineTo(centerX - shoulderInset, baseY - SPAWN_WIPE_VISUALS.shoulderLift);
-    this.spawnWipe.lineTo(minX, baseY - SPAWN_WIPE_VISUALS.shoulderLift);
+    this.spawnWipe.lineTo(maxX, baseY);
+    this.spawnWipe.lineTo(centerX + halfPoint, baseY);
+    this.spawnWipe.lineTo(centerX, baseY - SPAWN_WIPE_VISUALS.pointDepth);
+    this.spawnWipe.lineTo(centerX - halfPoint, baseY);
+    this.spawnWipe.lineTo(minX, baseY);
   }
 
   private createRefills(spawns: ReadonlyArray<RefillPickupEntity>): void {

src/view/deathRespawn.ts

@@ -1,3 +1,5 @@
+import { VIEWPORT } from "../constants";
+
 export type SpawnTransitionKind = "initial" | "normal" | "spike";
 
 export interface SpawnIntroSample {
@@ -22,11 +24,8 @@ export const SPAWN_SEQUENCE_TIMING = {
 export const SPAWN_WIPE_VISUALS = {
   edgeOverscan: 24,
   color: 0x000000,
-  headWidth: 156,
-  headDepth: 26,
-  shoulderInset: 42,
-  shoulderLift: 5,
-  tailDepth: 18,
+  pointWidth: VIEWPORT.width + 24 * 2,
+  pointDepth: 64,
 } as const;
 
 export const SPAWN_INTRO_VISUALS = {