Add support for gameplay saving and replaying.

This will form part of the basis for the multiplayer component that is
to come.

src/components/changelog.tsx

@@ -17,7 +17,6 @@ export function ChangelogModal({buildNumber, buildCommit, lastCommit}: {buildNum
                 setLatestChanges(['Could not load changes']);
             }
             const result = await req.json();
-            console.log(result);
             setLatestChanges(result.commits.map((c: any) => `${c.commit.message}`).reverse());
         })();
     }, [buildCommit, lastCommit, setLatestChanges]);
@@ -28,7 +27,6 @@ export function ChangelogModal({buildNumber, buildCommit, lastCommit}: {buildNum
     }, [modalRef]);
 
     const newChangesModal = useMemo(() => {
-        console.log(latestChanges);
         const title = buildNumber ? `Build #${buildNumber}` : `Developer Build ${buildCommit}`;
         return <dialog ref={modalRef}>
             <h1>{title}</h1>

src/components/menu.tsx

@@ -38,6 +38,9 @@ export function Menu({onNewGame}: Props) {
             <li>
                 <button onClick={() => onStartNewGame("uiTest")}>UI Test</button>
             </li>
+            <li>
+                <button onClick={() => onStartNewGame("replayTesting")}>Test gameplay replay</button>
+            </li>
             <li>
                 <button onClick={() => onStartNewGame("boneIsles")}>Bone Isles</button>
             </li>

src/entities/index.ts

@@ -22,4 +22,8 @@ export function readAssetsForEntities(assets: AssetPack): void {
     Worm.readAssets(assets);
     Explosion.readAssets(assets);
     PhysicsEntity.readAssets(assets);
+}
+
+function entityToType() {
+
 }

src/entities/phys/bazookaShell.ts

@@ -6,6 +6,9 @@ import { Coordinate, MetersValue } from '../../utils/coodinate';
 import { AssetPack } from '../../assets';
 import { WormInstance } from '../../logic/teams';
 import { angleForVector } from '../../utils';
+import { RecordedEntityState } from '../../state/model';
+import { EntityType } from '../type';
+
 
 /**
  * Standard shell, affected by wind.
@@ -83,4 +86,11 @@ export class BazookaShell extends TimedExplosive {
         super.destroy();
         this.gfx.destroy();
     }
+
+    recordState() {
+        return {
+            ...super.recordState(),
+            type: EntityType.BazookaShell,
+        }
+    }
 }

src/entities/phys/firework.ts

@@ -8,6 +8,7 @@ import { Coordinate, MetersValue } from '../../utils/coodinate';
 import { AssetPack } from '../../assets';
 import { BitmapTerrain } from '../bitmapTerrain';
 import { angleForVector } from '../../utils';
+import { EntityType } from '../type';
 
 
 const COLOUR_SET = [
@@ -156,6 +157,13 @@ export class Firework extends TimedExplosive {
         return false;
     }
 
+    recordState() {
+        return {
+            ...super.recordState(),
+            type: EntityType.Firework,
+        }
+    }
+
     destroy(): void {
         if (this.trail.length) {
             super.destroy();

src/entities/phys/grenade.ts

@@ -10,6 +10,7 @@ import { Coordinate, MetersValue } from '../../utils/coodinate';
 import { AssetPack } from '../../assets';
 import { DefaultTextStyle } from '../../mixins/styles';
 import { WormInstance } from '../../logic/teams';
+import { EntityType } from '../type';
 
 
 /**
@@ -53,8 +54,6 @@ export class Grenade extends TimedExplosive {
             RigidBodyDesc
                 .dynamic()
                 .setTranslation(position.worldX, position.worldY)
-                // .setLinvel(initialForce.x, initialForce.y)
-                // .setLinearDamping(Grenade.FRICTION)
             );
         sprite.position = body.body.translation();
         super(sprite, body, world, parent, {
@@ -65,7 +64,6 @@ export class Grenade extends TimedExplosive {
             ownerWorm: owner,
             maxDamage: 40,
         });
-        //Body.applyForce(body, Vector.create(body.position.x - 20, body.position.y), initialForce);
         this.timerText = new Text({
             text: '',
             style: {
@@ -115,6 +113,13 @@ export class Grenade extends TimedExplosive {
         return false;
     }
 
+    recordState() {
+        return {
+            ...super.recordState(),
+            type: EntityType.Grenade,
+        }
+    }
+
     destroy(): void {
         super.destroy();
     }

src/entities/phys/mine.ts

@@ -8,6 +8,7 @@ import { Coordinate, MetersValue } from '../../utils/coodinate';
 import { AssetPack } from '../../assets';
 import { BitmapTerrain } from '../bitmapTerrain';
 import { DefaultTextStyle } from '../../mixins/styles';
+import { EntityType } from '../type';
 
 /**
  * Proximity mine.
@@ -122,6 +123,13 @@ export class Mine extends TimedExplosive {
         return false;
     }
 
+    recordState() {
+        return {
+            ...super.recordState(),
+            type: EntityType.Mine,
+        }
+    }
+
     destroy(): void {
         this.beeping?.then((b) => {
             b.stop();

src/entities/phys/physicsEntity.ts

@@ -8,6 +8,7 @@ import { GameWorld, PIXELS_PER_METER, RapierPhysicsObject } from "../../world";
 import { Vector2 } from "@dimforge/rapier2d-compat";
 import { magnitude, MetersValue, mult, sub } from "../../utils";
 import { AssetPack } from "../../assets";
+import type { RecordedEntityState } from "../../state/model";
 
 /**
  * Abstract class for any physical object in the world. The
@@ -16,7 +17,7 @@ import { AssetPack } from "../../assets";
  * Collision on water and force from explosions are automatically
  * calculated.
  */
-export abstract class PhysicsEntity implements IPhysicalEntity {
+export abstract class PhysicsEntity<T extends RecordedEntityState = RecordedEntityState> implements IPhysicalEntity {
     public static readAssets({sounds}: AssetPack) {
         PhysicsEntity.splashSound = sounds.splash;
     }
@@ -109,4 +110,26 @@ export abstract class PhysicsEntity implements IPhysicalEntity {
         const force = mult(sub(point, bodyTranslation), new Vector2(-forceMag, -forceMag*1.5));
         this.physObject.body.applyImpulse(force, true)
     }
+
+    recordState(): T {
+        const translation = this.body.translation();
+        const rotation = this.body.rotation();
+        const linvel = this.body.linvel();
+        return {
+            type: -1,
+            tra: {
+                x: translation.x.toString(),
+                y: translation.y.toString(),
+            },
+            rot: rotation.toString(),
+            vel: {
+                x: linvel.x.toString(),
+                y: linvel.y.toString(),
+            }
+        } as T;
+    }
+
+    loadState(d: T) {
+
+    }
 }

src/entities/phys/timedExplosive.ts

@@ -7,6 +7,7 @@ import { MetersValue } from "../../utils/coodinate";
 import { WeaponFireResult } from "../../weapons/weapon";
 import { WormInstance } from "../../logic/teams";
 import { handleDamageInRadius } from "../../utils/damage";
+import { RecordedEntityState } from "../../state/model";
 
 interface Opts {
     explosionRadius: MetersValue,
@@ -19,11 +20,17 @@ interface Opts {
     maxDamage: number,
 }
 
+interface RecordedState extends RecordedEntityState {
+    owner?: string,
+    timerSecs?: number,
+    timer?: number,
+}
+
 /**
  * Any projectile type that can explode after a set timer. Implementing classes
  * must include their own timer.
  */
-export abstract class TimedExplosive extends PhysicsEntity implements IWeaponEntity  {
+export abstract class TimedExplosive extends PhysicsEntity<RecordedState> implements IWeaponEntity  {
     protected timer: number|undefined;
     protected hasExploded = false;
 
@@ -105,4 +112,13 @@ export abstract class TimedExplosive extends PhysicsEntity implements IWeaponEnt
 
         return false;
     }
+
+    recordState() {
+        return {
+            timer: this.timer,
+            owner: this.opts.ownerWorm?.uuid,
+            timerSecs: this.opts.timerSecs,
+            ...super.recordState(),
+        }
+    }
 }

src/entities/playable/playable.ts

@@ -8,6 +8,7 @@ import { teamGroupToColorSet, WormInstance } from "../../logic/teams";
 import { applyGenericBoxStyle, DefaultTextStyle } from "../../mixins/styles";
 import { Viewport } from "pixi-viewport";
 import { handleDamageInRadius } from "../../utils/damage";
+import { RecordedEntityState } from "../../state/model";
 
 
 interface Opts {
@@ -19,10 +20,14 @@ interface Opts {
 const HEALTH_TENSION_MS = 75;
 const SELF_EXPLODE_MAX_DAMAGE = 25;
 
+interface RecordedState extends RecordedEntityState {
+    wormIdent: string
+} 
+
 /**
  * Entity that can be directly controlled by a player.
  */
-export abstract class PlayableEntity extends PhysicsEntity {
+export abstract class PlayableEntity extends PhysicsEntity<RecordedState> {
     priority = UPDATE_PRIORITY.LOW;
 
     private nameText: Text;
@@ -165,6 +170,13 @@ export abstract class PlayableEntity extends PhysicsEntity {
         this.physObject.body.applyImpulse(force, true)
     }
 
+    public recordState() {
+        return {
+            ...super.recordState(),
+            wormIdent: this.wormIdent.uuid,
+        }
+    }
+
     public destroy(): void {
         super.destroy();
         if (!this.healthTextBox.destroyed) {

src/entities/playable/remoteWorm.ts

@@ -0,0 +1,60 @@
+import { Viewport } from "pixi-viewport";
+import { WormInstance } from "../../logic/teams";
+import { Toaster } from "../../overlays/toaster";
+import { StateRecorder } from "../../state/recorder";
+import { Coordinate } from "../../utils";
+import { GameWorld } from "../../world";
+import { FireFn, Worm, WormState } from "./worm";
+import { StateWormAction } from "../../state/model";
+import { InputKind } from "../../input";
+
+/**
+ * An instance of the worm class controlled by a remote (or AI) player.
+ */
+export class RemoteWorm extends Worm {
+    static create(parent: Viewport, world: GameWorld, position: Coordinate, wormIdent: WormInstance, onFireWeapon: FireFn, toaster?: Toaster) {
+        const ent = new RemoteWorm(position, world, parent, wormIdent, onFireWeapon, toaster);
+        world.addBody(ent, ent.physObject.collider);
+        parent.addChild(ent.targettingGfx);
+        parent.addChild(ent.sprite);
+        parent.addChild(ent.wireframe.renderable);
+        parent.addChild(ent.healthTextBox);
+        return ent;
+    }
+
+    private constructor(position: Coordinate, world: GameWorld, parent: Viewport, wormIdent: WormInstance, onFireWeapon: FireFn, toaster?: Toaster) {
+        super(position, world, parent, wormIdent, onFireWeapon, toaster, undefined);
+    }
+
+    public replayWormAction(remoteAction: StateWormAction) {
+        switch (remoteAction) {
+            case StateWormAction.MoveLeft:
+                this.setMoveDirection(InputKind.MoveLeft);
+                break;
+            case StateWormAction.MoveRight:
+                this.setMoveDirection(InputKind.MoveRight);
+                break;
+            case StateWormAction.Jump:
+                this.onJump();
+                break;
+            case StateWormAction.Backflip:
+                this.onBackflip();
+                break;
+            case StateWormAction.AimUp:
+                this.state = WormState.AimingUp;
+                break;
+            case StateWormAction.AimDown:
+                this.state = WormState.AimingDown;
+                break;
+            case StateWormAction.Fire:
+                this.onBeginFireWeapon();
+                break;
+            case StateWormAction.EndFire:
+                this.onEndFireWeapon();
+                break;
+            case StateWormAction.Stop:
+                this.state = WormState.Idle;
+                break;
+        }
+    }
+}

src/entities/playable/testDummy.ts

@@ -6,6 +6,7 @@ import { ActiveEvents, ColliderDesc, RigidBodyDesc } from "@dimforge/rapier2d-co
 import { WormInstance } from "../../logic/teams";
 import { PlayableEntity } from "./playable";
 import { Viewport } from "pixi-viewport";
+import { EntityType } from "../type";
 
 /**
  * Test dummy entity that may be associated with a worm identity. These
@@ -92,4 +93,11 @@ export class TestDummy extends PlayableEntity {
         this.parent.plugins.remove('follow');
         this.parent.snap(800,0);
     }
+
+    public recordState() {
+        return {
+            ...super.recordState(),
+            type: EntityType.TestDummy,
+        }
+    }
 }