feat: splash purple color when get purple mushroom

Author: kt3k

game/field.ts

@@ -21,6 +21,7 @@ import {
 } from "../model/field-block.ts"
 import { loadImage } from "../util/load.ts"
 import { RectScope } from "../util/rect-scope.ts"
+import { DIRS, nextGrid } from "../util/dir.ts"
 
 /** The items on the field */
 export class FieldItems implements IStepper, ILoader {
@@ -638,3 +639,58 @@ export class Field implements IField {
     return this.#initialActivateReady
   }
 }
+
+export function splashColor(
+  field: IField,
+  i: number,
+  j: number,
+  hue: number,
+  sat: number,
+  light: number,
+  alpha: number = 0.40,
+  radius: number = 2,
+  rng: () => number = Math.random,
+): void {
+  if (radius < 1) {
+    return
+  }
+  colorCell(i, j, hue, sat, light, alpha, field, rng)
+  if (radius < 2) {
+    return
+  }
+  for (const dir of DIRS) {
+    for (let dist = 2; dist <= radius; dist++) {
+      const [i_, j_] = nextGrid(i, j, dir, dist - 1)
+      if (!field.canEnterStatic(i_, j_)) break
+      setTimeout(() => {
+        colorCell(
+          i_,
+          j_,
+          hue,
+          sat,
+          light,
+          alpha * 0.6 ** dist,
+          field,
+          rng,
+        )
+      }, dist * 32)
+    }
+  }
+}
+
+function colorCell(
+  i: number,
+  j: number,
+  hue: number,
+  sat: number,
+  light: number,
+  alpha: number,
+  field: IField,
+  rng: () => number,
+): void {
+  field.colorCell(
+    i,
+    j,
+    `hsla(${hue}, ${sat}%, ${light}%, ${alpha + rng() * 0.15 - 0.05})`,
+  )
+}

game/game-screen.ts

@@ -8,8 +8,10 @@ import { RectScope } from "../util/rect-scope.ts"
 
 import { Field } from "./field.ts"
 
-const I = 72
-const J = 18
+/** The starting X coordinate */
+const I = 114
+/** The starting Y coordinate */
+const J = 164
 
 /**
  * The area which is visible to the user

game/main-character.ts

@@ -2,6 +2,7 @@ import { DIRS, DOWN, LEFT, RIGHT, UP } from "../util/dir.ts"
 import { loadImage } from "../util/load.ts"
 import { Input, inputQueue } from "./ui/input.ts"
 import { Character, Move, spawnCharacter } from "../model/character.ts"
+import { splashColor } from "./field.ts"
 import type { IField, MovePlan } from "../model/types.ts"
 import * as signal from "../util/signal.ts"
 import { bindToggleFullscreenOnce } from "../util/fullscreen.ts"
@@ -20,7 +21,7 @@ function colorCell(
   field.colorCell(
     i,
     j,
-    `hsla(${hue}, ${sat}%, ${light}%, ${alpha + rng() * 0.1})`,
+    `hsla(${hue}, ${sat}%, ${light}%, ${alpha + rng() * 0.15 - 0.05})`,
   )
 }
 
@@ -72,23 +73,21 @@ export class MainCharacter extends Character {
           }
 
           const { rng } = seed(this.i + " " + this.j)
-
           const hue = 333.3
           const sat = 59.4
-          const light = 38.6
-
-          colorCell(this.i, this.j, hue, sat, light, 0.40, field, rng)
-
-          for (const dir of DIRS) {
-            for (let dist = 1; dist <= 3; dist++) {
-              const [i, j] = this.nextGrid(dir, dist)
-              if (!field.canEnterStatic(i, j)) break
-              setTimeout(() => {
-                colorCell(i, j, hue, sat, light, 0.24 - dist * 0.06, field, rng)
-              }, dist * 32)
-            }
-          }
-
+          const light = 32
+          const alpha = 0.40
+          splashColor(
+            field,
+            this.i,
+            this.j,
+            hue,
+            sat,
+            light,
+            alpha,
+            4,
+            rng,
+          )
           const count = signal.appleCount.get()
           signal.appleCount.update(count + 1)
           break
@@ -121,6 +120,14 @@ export class MainCharacter extends Character {
             { type: "speed", change: "4x" },
           )
           for (const _ of Array(30)) {
+            this.enqueueAction({
+              type: "splash",
+              hue: 280,
+              sat: 40,
+              light: 30,
+              alpha: 0.2,
+              radius: 3,
+            })
             this.enqueueAction({ type: "go", dir: this.dir })
           }
           this.enqueueAction(

model/character.ts

@@ -2,12 +2,14 @@ import {
   DIRS,
   DOWN,
   LEFT,
+  nextGrid,
   opposite,
   RIGHT,
   turnLeft,
   turnRight,
   UP,
 } from "../util/dir.ts"
+import { splashColor } from "../game/field.ts"
 import { CELL_SIZE } from "../util/constants.ts"
 import { seed } from "../util/random.ts"
 import type {
@@ -294,17 +296,7 @@ export abstract class Character implements IActor {
 
   /** Returns the next grid coordinates of the 1 cell next of the character to the given direction */
   nextGrid(dir: Dir, distance = 1): [i: number, j: number] {
-    switch (dir) {
-      case UP:
-        return [this.#i, this.#j - distance]
-      case DOWN:
-        return [this.#i, this.#j + distance]
-      case LEFT:
-        return [this.#i - distance, this.#j]
-      case RIGHT:
-        return [this.#i + distance, this.#j]
-    }
-    throw new Error(`Unknown direction: ${dir}`)
+    return nextGrid(this.#i, this.#j, dir, distance)
   }
 
   /** Returns true if the character can go to the given direction */
@@ -417,6 +409,21 @@ export abstract class Character implements IActor {
         } else {
           return this.#getNextMovePlanWrap(field)
         }
+      } else if (nextAction.type === "splash") {
+        const { i, j } = this
+        const { rng } = seed(`${i}${j}`)
+        splashColor(
+          field,
+          i,
+          j,
+          nextAction.hue,
+          nextAction.sat,
+          nextAction.light,
+          nextAction.alpha,
+          nextAction.radius,
+          rng,
+        )
+        return this.#getNextMovePlanWrap(field)
       }
       return nextAction
     }

model/types.ts

@@ -102,3 +102,11 @@ export type Action =
       | "back"
   }
   | { readonly type: "wait"; readonly until: number }
+  | {
+    readonly type: "splash"
+    readonly hue: number
+    readonly sat: number
+    readonly light: number
+    readonly alpha: number
+    readonly radius: number
+  }