feat(helpers): set random background color

Author: remarkablemark

src/helpers/background.ts

@@ -0,0 +1,28 @@
+/**
+ * @see https://colorhunt.co/palettes/sea
+ */
+const backgrounds: [number, number, number][] = [
+  [106, 212, 221],
+  [122, 162, 227],
+  [134, 182, 246],
+  [151, 231, 225],
+  [172, 226, 225],
+  [179, 200, 207],
+  [180, 212, 255],
+  [190, 215, 220],
+  [201, 215, 221],
+  [205, 232, 229],
+  [220, 242, 241],
+  [224, 251, 226],
+  [227, 254, 247],
+  [229, 221, 197],
+  [238, 247, 255],
+  [241, 238, 220],
+  [248, 246, 227],
+  [255, 243, 207],
+]
+
+export function setRandomBackgroundColor() {
+  const color = backgrounds[randi(backgrounds.length)]
+  setBackground(...color)
+}

src/helpers/index.ts

@@ -1,2 +1,3 @@
+export * from './background'
 export * from './pipes'
 export * from './solution'

src/levels/index.ts

@@ -41,13 +41,3 @@ export function getLevel(level: number) {
 export function hasLevel(level: number): boolean {
   return Boolean(levels[level])
 }
-
-/**
- * Gets level background color.
- *
- * @param level - Level number.
- * @returns - RGB color.
- */
-export function getLevelBackground(level: number) {
-  return levels[level].background
-}

src/levels/levels.ts

@@ -1,14 +1,17 @@
-// △ ▷ ▽ ◁
-// ═ ║ ╔ ╗ ╚ ╝ ╠ ╣ ╦ ╩ ╬
-// ━ ┃ ┏ ┓ ┗ ┛ ┣ ┫ ┳ ┻ ╋
-// https://colorhunt.co/palettes/sea
-
 interface Level {
   map: string[]
   scale: number
-  background: [number, number, number]
 }
 
+/**
+ * @see https://wikipedia.org/wiki/Box-drawing_characters
+ *
+ * ```
+ * △ ▷ ▽ ◁
+ * ═ ║ ╔ ╗ ╚ ╝ ╠ ╣ ╦ ╩ ╬
+ * ━ ┃ ┏ ┓ ┗ ┛ ┣ ┫ ┳ ┻ ╋
+ * ```
+ */
 export const levels: Level[] = [
   // 0
   {
@@ -19,7 +22,6 @@ export const levels: Level[] = [
       '  ╚═◁',
     ],
     scale: 1,
-    background: [238, 247, 255],
   },
 
   // 1
@@ -31,7 +33,6 @@ export const levels: Level[] = [
       '▷═╩═╝',
     ],
     scale: 1,
-    background: [205, 232, 229],
   },
 
   // 2
@@ -43,7 +44,6 @@ export const levels: Level[] = [
       '╚═╩═╝',
     ],
     scale: 1,
-    background: [172, 226, 225],
   },
 
   // 3
@@ -56,7 +56,6 @@ export const levels: Level[] = [
       ' ╚╩═╝ △',
     ],
     scale: 0.8,
-    background: [224, 251, 226],
   },
 
   // 4
@@ -70,6 +69,5 @@ export const levels: Level[] = [
       ' ╚══╩══╝ ',
     ],
     scale: 0.8,
-    background: [220, 242, 241],
   },
 ]

src/scenes/game.ts

@@ -1,6 +1,6 @@
 import { EmptyToFilledPipe, Scene, Sound, Tag } from '../constants'
-import { checkSolution, rotatePipe } from '../helpers'
-import { getLevel, getLevelBackground, hasLevel } from '../levels'
+import { checkSolution, rotatePipe, setRandomBackgroundColor } from '../helpers'
+import { getLevel, hasLevel } from '../levels'
 
 scene(Scene.game, (levelNumber: number) => {
   if (!hasLevel(levelNumber)) {
@@ -13,7 +13,7 @@ scene(Scene.game, (levelNumber: number) => {
     color(15, 16, 53),
   ])
 
-  setBackground(...getLevelBackground(levelNumber))
+  setRandomBackgroundColor()
   const level = addLevel(...getLevel(levelNumber))
 
   level.get(Tag.pipe).forEach((pipe) => {