初期位置を設定

Author: nakomochi

src/constants.ts

@@ -15,3 +15,6 @@ export enum Facing {
   left = "left",
   right = "right",
 }
+export type MovableBlock = {
+  block: Block.movable;
+};

src/context.ts

@@ -10,6 +10,10 @@ export type Context = {
   grid: Grid;
   blockSize: number;
 
+  // about player
+  initialPlayerX: number; // initial player position in X direction
+  initialPlayerY: number; // initial player position in Y direction
+
   // about time
   elapsed: number;
 };

src/grid.ts

@@ -24,8 +24,8 @@ export class Grid {
   ) {
     this.stage = stage;
     const cells: GridCell[][] = [];
-    for (let y = 0; y < stageDefinition.length; y++) {
-      const rowDefinition = stageDefinition[y].split("");
+    for (let y = 0; y < stageDefinition.stage.length; y++) {
+      const rowDefinition = stageDefinition.stage[y].split("");
       const row: GridCell[] = [];
       for (let x = 0; x < rowDefinition.length; x++) {
         const cellDef = rowDefinition[x];
@@ -59,6 +59,13 @@ export class Grid {
   getBlock(x: number, y: number): Block | undefined {
     return this.cells[y]?.[x]?.block;
   }
+  getMovableBlock(x: number, y: number): Block.movable | undefined {
+    const cell = this.cells[y]?.[x];
+    if (!cell) return undefined;
+    if (cell.block === Block.movable) {
+      return cell.block;
+    }
+  }
   setBlock(cx: Context, x: number, y: number, block: Block) {
     const prev = this.cells[y][x];
     if (block === prev.block) return;

src/main.ts

@@ -24,8 +24,8 @@ export async function setup(el: HTMLElement, stageDefinition: StageDefinition) {
   const stage = new Container();
   app.stage.addChild(stage);
 
-  const gridX = stageDefinition[0].length;
-  const gridY = stageDefinition.length;
+  const gridX = stageDefinition.stage[0].length;
+  const gridY = stageDefinition.stage.length;
 
   // Initialize the application
   await app.init({ background: "white", resizeTo: window });
@@ -41,6 +41,8 @@ export async function setup(el: HTMLElement, stageDefinition: StageDefinition) {
     gridX,
     gridY,
     blockSize,
+    initialPlayerX: stageDefinition.initialPlayerX,
+    initialPlayerY: stageDefinition.initialPlayerY,
     grid,
     elapsed: 0,
   };

src/player.ts

@@ -30,9 +30,9 @@ export class Player {
     this.sprite = new Sprite(spriteOptions);
     // Center the sprite's anchor point
     this.sprite.anchor.set(0.5, 1);
-    // todo: 初期座標をフィールドとともにどこかで決定
-    this.sprite.x = 2 * cx.blockSize;
-    this.sprite.y = 2 * cx.blockSize;
+
+    this.sprite.x = cx.blockSize * cx.initialPlayerX;
+    this.sprite.y = cx.blockSize * (cx.gridY - cx.initialPlayerY);
     this.sprite.width = c.playerWidth * cx.blockSize;
     this.sprite.height = c.playerHeight * cx.blockSize;
 

src/stages.ts

@@ -1,38 +1,53 @@
-export type StageDefinition = string[];
+export type StageDefinition = {
+  stage: string[];
+  initialPlayerX: number;
+  initialPlayerY: number;
+};
 export const stages = new Map<string, StageDefinition>([
   [
     "1",
-    [
-      "bbbbbbbbbbbbbbbbbb",
-      ".........b........",
-      ".........b........",
-      ".........b...bbbbb",
-      ".........m...bbbbb",
-      "bbbbbbbbbbbbbbbbbb",
-    ],
+    {
+      stage: [
+        "bbbbbbbbbbbbbbbbbb",
+        ".........b........",
+        ".........b........",
+        ".........b...bbbbb",
+        ".........m...bbbbb",
+        "bbbbbbbbbbbbbbbbbb",
+      ],
+      initialPlayerX: 1,
+      initialPlayerY: 1,
+    },
   ],
   [
     "2",
-    [
-      "bbbbbbbbbbbbbbbbbb",
-      "..................",
-      "..................",
-      "m............bbbbb",
-      "bb...........bbbbb",
-      "bb.....m.....bbbbb",
-      "bbbbbbbbbbbbbbbbbb",
-    ],
+    {
+      stage: [
+        "bbbbbbbbbbbbbbbbbb",
+        ".........b........",
+        ".........b........",
+        ".........b...bbbbb",
+        ".........m...bbbbb",
+        "bbbbbbbbbbbbbbbbbb",
+      ],
+      initialPlayerX: 1,
+      initialPlayerY: 1,
+    },
   ],
   [
     "3",
-    [
-      "bbbbbbbbbbbbbbbbbb",
-      "...b..............",
-      "...b.....m.....bbb",
-      "...bm..........bbb",
-      "...bbb.........bbb",
-      "...mm..........bbb",
-      "bbbbbbbbbbb....bbb",
-    ],
+    {
+      stage: [
+        "bbbbbbbbbbbbbbbbbb",
+        "...b..............",
+        "...b.....m.....bbb",
+        "...bm..........bbb",
+        "...bbb.........bbb",
+        "...mm..........bbb",
+        "bbbbbbbbbbb....bbb",
+      ],
+      initialPlayerX: 1,
+      initialPlayerY: 1,
+    },
   ],
 ]);