play.js

//note - use Firebase for auth - just key/value pairs - save as bonus feature
const changeBackgroundImage = require('./background');
const Game = require('./lib/game');
const ui = require('./lib/ui');
const database = require('./lib/db');
const gameLoop = require('./lib/game_loop');

window.addEventListener("load", () => {
  const currentHighscores = ui.getScoreData(database);
  const canvas = document.getElementById('game-canvas');
  canvas.width = 800;
  canvas.height = 500;

  const ctx = canvas.getContext('2d');
  ctx.fillStyle = "black";
  ctx.rect(0, 0, 800, 500);
  ctx.fill();

  let bgNum = 1;

  setTimeout(setInterval( () => {
    let nextNum = changeBackgroundImage(bgNum);
    bgNum = nextNum;
  }, 10000), 10000);

  $("#audio-toggle").click( () => {
    let audio = $("audio")[0];
    if (audio.paused) {
      audio.play();
      $("#audio-logo").attr("src", "./assets/speaker.png");
    } else {
      audio.pause();
      $("#audio-logo").attr("src", "./assets/mute.png");
    }
  });

  $('form').on('submit', (e) => { ui.submitHighScore(e); });

  let game = new Game(ctx, 20);

  window.setInterval(() => {
    gameLoop(ctx, game);
  }, 25);

});