feat: more roads

also improves jump and bounce

Author: kt3k

deno.json

@@ -3,7 +3,7 @@
   "tasks": {
     "test": "deno test",
     "dev": "deno run -A npm:concurrently 'deno task build:main --watch' 'deno task build:worker --watch' 'deno task build:style --watch' 'deno task build:static --watch' 'deno task serve'",
-    "build": "deno task build:main && deno task build:worker && deno task build:style && deno task build:static",
+    "build": "deno task build:main && deno task build:worker && deno task build:style && deno task build:static && deno -A npm:replace BUILD_DATE `deno -A npm:date-now-cli --format=yyyy.MM.dd` out/index.html",
     "build:main": "deno bundle --platform browser -o out/main.js player/main.ts",
     "build:worker": "deno bundle --platform browser -o out/canvas-worker.js player/canvas-worker.ts",
     "build:style": "deno run -A npm:tailwindcss@3 -o ./out/style.css",

model/character.ts

@@ -277,11 +277,23 @@ export abstract class Character implements IChar {
         this.onMoveEndWrap(fieldTester, itemContainer, moveType)
       }
     } else if (this.#moveType === "jump") {
-      this.#movePhase += this.#speed * 2
-      if (this.#movePhase < 8) {
-        this.#d += this.#speed * 2
+      this.#movePhase += 2
+      if (this.#movePhase === 2) {
+        this.#d += 4
+      } else if (this.#movePhase === 4) {
+        this.#d += 3
+      } else if (this.#movePhase === 6) {
+        this.#d += 1
+      } else if (this.#movePhase === 8) {
+        this.#d += 0
+      } else if (this.#movePhase === 10) {
+        this.#d -= 0
+      } else if (this.#movePhase === 12) {
+        this.#d -= 1
+      } else if (this.#movePhase === 14) {
+        this.#d -= 3
       } else {
-        this.#d -= this.#speed * 2
+        this.#d -= 4
       }
       if (this.#movePhase == 16) {
         this.#movePhase = 0
@@ -343,6 +355,11 @@ export abstract class Character implements IChar {
 
   /** Gets the center x of the world coordinates. This is used for setting the center of ViewScope. */
   get centerX(): number {
+    if (this.#moveType === "jump" || this.#moveType === "bounce") {
+      // We don't use #d in jump and bounce state to prevent screen shake
+      return this.#i * CELL_SIZE + CELL_SIZE / 2
+    }
+
     return this.x + CELL_SIZE / 2
   }
 
@@ -376,8 +393,8 @@ export abstract class Character implements IChar {
 
   /** Gets the center y of the world coordinates. This is used for setting the center of ViewScope. */
   get centerY(): number {
-    if (this.#moveType === "jump") {
-      // We don't use #d in jump state. Otherwise the screen shakes for each jump.
+    if (this.#moveType === "jump" || this.#moveType === "bounce") {
+      // We don't use #d in jump and bounce state to prevent screen shake
       return this.#j * CELL_SIZE + CELL_SIZE / 2
     }
 

player/game-screen.ts

@@ -437,7 +437,6 @@ class Field implements IFieldTester {
 
     const newItemSpawns = chunks.flatMap((c) => c.getItemSpawnInfo())
       .filter((spawn) => !items.isCollected(spawn.id)) // isn't collected yet
-      .filter((spawn) => !items.get(spawn.i, spawn.j)) // the place isn't occupied by other item
       .filter((spawn) => initialLoad || !viewScope.overlaps(spawn)) // not in view
       .filter((spawn) => this.#activateScope.overlaps(spawn)) // in activate scope
 
@@ -464,6 +463,10 @@ class Field implements IFieldTester {
     if (newItemSpawns.length > 0) {
       console.log(`Spawning ${newItemSpawns.length} items`)
       for (const spawn of newItemSpawns) {
+        if (items.get(spawn.i, spawn.j)) {
+          // The space is already occupied by some other item
+          continue
+        }
         items.add(
           new Item(
             spawn.id,

static/cell/floor3.png

@@ -69,6 +69,7 @@
         <span class="px-0.5">ITEMS
           <span class="js-items-counter">-</span>
         </span>
+        <span>BUILD DATE BUILD_DATE</span>
       </div>
       <span class="js-loading-indicator hidden">
         <svg