Adjust player position calculations.

Author: tesseralis

src/nodes/Multiplayer.ts

@@ -20,19 +20,25 @@ export default class Multiplayer extends GameNode {
     this.background = background;
     this.players = [
       new Player({
-        position: { x: 0, y: 0 },
         inputMap: inputs.player1,
         levels: campaign,
         startLevel,
       }),
 
       new Player({
-        position: { x: WIDTH / 2, y: 0 },
         inputMap: inputs.player2,
         levels: campaign,
         startLevel,
       }),
     ];
+    this.players[0].view.position = {
+      x: (1 / 4) * WIDTH - this.players[0].view.width / 2,
+      y: 0,
+    };
+    this.players[1].view.position = {
+      x: (3 / 4) * WIDTH - this.players[1].view.width / 2,
+      y: 0,
+    };
 
     for (let player of this.players) {
       player.onTopOut = () => {

src/nodes/Player.ts

@@ -1,4 +1,4 @@
-import { HTMLText, Point, Ticker, type PointData } from "pixi.js";
+import { HTMLText, Ticker } from "pixi.js";
 import "pixi.js/math-extras";
 import MeasurementPiece from "./MeasurementPiece";
 import { DOWN, LEFT, RIGHT, UP } from "../points";
@@ -38,7 +38,6 @@ const BOARD_OFFSET_Y = 80;
 
 interface Options {
   levels: Level[];
-  position: PointData;
   inputMap: PlayerInput;
   startLevel: number;
 }
@@ -74,7 +73,7 @@ export default class Player extends GameNode {
   inputMap: PlayerInput;
   keyDelays: Record<string, number> = {};
 
-  constructor({ position, inputMap, levels, startLevel }: Options) {
+  constructor({ inputMap, levels, startLevel }: Options) {
     super();
     this.#level = startLevel;
     // TODO be able to reference the "current" position based on the board.
@@ -128,11 +127,7 @@ export default class Player extends GameNode {
     this.levelSign.position = { x: 50, y: 10 };
     this.view.addChild(this.levelSign);
 
-    this.view.pivot.set(this.view.width / 2, this.view.height / 2);
-    this.view.position = new Point(
-      position.x + this.view.width / 2,
-      position.y + this.view.height / 2
-    );
+    this.view.origin.set(this.view.width / 2, this.view.height / 2);
 
     this.newCurrent();
   }

src/nodes/SinglePlayer.ts

@@ -23,11 +23,14 @@ export default class SinglePlayer extends GameNode {
     super();
     this.background = background;
     this.player = new Player({
-      position: { x: WIDTH / 2 - 300, y: 0 },
       inputMap: inputs.player1,
       levels: campaign,
       startLevel,
     });
+    this.player.view.position = {
+      x: WIDTH / 2 - this.player.view.width / 2,
+      y: 0,
+    };
     this.view.addChild(this.player.view);
 
     this.player.onLevelUp = (level) => {