controllers/game/l_t_b_l_controller.js

  1. import { Controller } from "@hotwired/stimulus"
  3. /**
  4.  * @class Game.LTBLController
  5.  * @classdesc Stimulus controller for /game/let-there-be-light.
  6.  * @extends Controller
  7.  */
  8. export default class LTBLController extends Controller {
  9.   /** 
  10.    * Triggered by a click event on a hidden pixel on the page.
  11.    * Get the current background color of the <body> tag.
  12.    * If it hasn't changed then naviagte to /game/make-it-brighter-before-you-can-continue/ which is a hint
  13.    * If it has changed but isn't white then navigate to /game/try-another-color/ which is another hint
  14.    * If it is white then navigate to the next puzzle.
  15.    * 
  16.    * @instance
  17.    * @memberof Game.LTBLController
  18.    * @returns {void} N/A
  19.    * */
  20.   next() {
  21.     const body = document.querySelector("body")
  22.     const backgroundColor = window.getComputedStyle(body).getPropertyValue("background-color")
  23.     switch (backgroundColor) {
  24.       case "rgb(34, 34, 37)":
  25.         location.href = "/game/make-it-brighter-before-you-can-continue/"
  26.         break;
  27.       case "rgb(255, 255, 255)":
  28.         location.href = "/game/go-to-the-source/"
  29.         break;
  30.       default:
  31.         location.href = "/game/try-another-color/"
  32.     }                                    
  33.   }
  34. }