feat: add purple-mushroom

Author: kt3k

model/character.ts

@@ -32,13 +32,20 @@ export type IObj = IBox & ILoader & {
   image(): ImageBitmap
 }
 
-export type ItemType = "apple" | "green-apple" | "mushroom"
+export type ItemType = "apple" | "green-apple" | "mushroom" | "purple-mushroom"
 
 export type IItem = IObj & {
   id: string | null
   type: ItemType
 }
 
+export type PropType = "chair" | "table"
+
+export type IProp = IObj & {
+  id: string | null
+  type: PropType
+}
+
 export type IFieldTester = {
   get(i: number, j: number): {
     canEnter: boolean

model/prop.ts

@@ -0,0 +1,59 @@
+import { loadImage } from "../util/load.ts"
+import { CELL_SIZE } from "../util/constants.ts"
+import type { IProp, PropType } from "./character.ts"
+
+const fallbackImage = await fetch(
+  // TODO(kt3k): Update
+  "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADRJREFUOE9jZKAQMFKon2FoGPAfzZsoribGC0PQALxORo92bGEwDAwgKXUTkw7wGjjwBgAAiwgIEW1Cnt4AAAAASUVORK5CYII=",
+).then((res) => res.blob()).then((blob) => createImageBitmap(blob))
+
+export class Prop implements IProp {
+  /** The unique identifier of the item. Only items which are spawned from block map have ids. */
+  readonly id: string | null
+  readonly i: number
+  readonly j: number
+  readonly type: PropType
+  readonly src: string
+  readonly w = CELL_SIZE
+  readonly h = CELL_SIZE
+  #image: ImageBitmap | undefined
+
+  /**
+   * @param i The column of the grid coordinate
+   * @param j The row of the grid coordinate
+   * @param type The type of item
+   * @param src The path to the asset image
+   */
+  constructor(
+    id: string | null,
+    i: number,
+    j: number,
+    type: PropType,
+    src: string,
+  ) {
+    this.id = id
+    this.i = i
+    this.j = j
+    this.type = type
+    this.src = src
+  }
+
+  async loadAssets() {
+    this.#image = await loadImage(this.src)
+  }
+
+  get assetsReady(): boolean {
+    return !!this.#image
+  }
+
+  image(): ImageBitmap {
+    return this.#image ?? fallbackImage
+  }
+
+  get x(): number {
+    return this.i * CELL_SIZE
+  }
+  get y(): number {
+    return this.j * CELL_SIZE
+  }
+}

player/main-character.ts

@@ -10,23 +10,31 @@ import {
 } from "../model/character.ts"
 import * as signal from "../util/signal.ts"
 import { bindToggleFullscreenOnce } from "../util/fullscreen.ts"
+import { seed } from "../util/random.ts"
 
 export class MainCharacter extends Character {
   #lastMoveTypes: MoveType[] = []
-  #nextActionQueue: (NextAction | "speed-up" | "speed-reset")[] = []
+  #nextActionQueue: (NextAction | "speed-2x" | "speed-4x" | "speed-reset")[] =
+    []
   #speedUpTimer: number | undefined = undefined
   override getNextAction(
     fieldTester: IFieldTester,
     collisionChecker: CollisionChecker,
   ): NextAction {
     if (this.#nextActionQueue.length > 0) {
       const nextAction = this.#nextActionQueue.shift()!
-      if (nextAction === "speed-up") {
+      if (nextAction === "speed-2x") {
         this.speed = 2
         this.#speedUpTimer = setTimeout(() => {
           this.#nextActionQueue.push("speed-reset", "jump")
         }, 15000)
         return this.getNextAction(fieldTester, collisionChecker)
+      } else if (nextAction === "speed-4x") {
+        this.speed = 4
+        this.#speedUpTimer = setTimeout(() => {
+          this.#nextActionQueue.push("speed-reset", "jump")
+        }, 15000)
+        return this.getNextAction(fieldTester, collisionChecker)
       } else if (nextAction === "speed-reset") {
         if (this.#speedUpTimer) {
           clearTimeout(this.#speedUpTimer)
@@ -84,7 +92,19 @@ export class MainCharacter extends Character {
         }
         case "mushroom": {
           itemContainer.collect(this.i, this.j)
-          this.#nextActionQueue.push("speed-reset", "jump", "jump", "speed-up")
+          this.#nextActionQueue = []
+          this.#nextActionQueue.push("speed-reset", "jump", "speed-2x")
+          break
+        }
+        case "purple-mushroom": {
+          itemContainer.collect(this.i, this.j)
+          const { choice } = seed(`${this.i},${this.j}`)
+          this.#nextActionQueue = []
+          this.#nextActionQueue.push("speed-reset", "jump", "jump", "speed-4x")
+          for (const _ of Array(30)) {
+            this.#nextActionQueue.push(choice([UP, DOWN, LEFT, RIGHT]))
+          }
+          this.#nextActionQueue.push("speed-reset", "jump")
           break
         }
       }