main.js

import { Engine } from "./engine.js";

const canvas = document.getElementById("myCanvas");

window.addEventListener("DOMContentLoaded", () => {
  // initialize game
  const engine = new Engine(60, canvas);
  engine.start("loading-screen");

  // audio files
  let backgroundMusic = new Audio();
  backgroundMusic.src =
    "https://raw.githubusercontent.com/eric2523/survive-the-nights/main/sound/2020-03-22_-_A_Bit_Of_Hope_-_David_Fesliyan.mp3";

  backgroundMusic.loop = true;
  backgroundMusic.volume = 0.15;

  const muteSound = document.getElementById("mute-sound");

  // let playSound = false;
  muteSound.addEventListener("click", () => {
    if (engine.game !== null) {
      if (backgroundMusic.paused) {
        muteSound.children[0].textContent = "Mute";
        engine.game.playSound = true;
        backgroundMusic.play();
      } else {
        muteSound.children[0].textContent = "Unmute";
        engine.game.playSound = false;
        backgroundMusic.pause();
      }
    }
  });

  const startGame = document.getElementById("start-game");
  const home = document.getElementById("home");
  const pause = document.getElementById("pause");
  const play = document.getElementById("play");
  const restart = document.getElementById("restart");
  const nextLevel = document.getElementById("next-level-btn");
  const playAgain = document.getElementById("play-again-btn");
  const loadingScreen = document.getElementsByClassName("loading-screen")[0];
  
  const handlePause = () => {
    if (engine.running) {
      engine.running = false;
      engine.stop();
      backgroundMusic.pause();
    }
  }

  const handlePlay = () => {
    if (!engine.running) {
      engine.running = true;
      engine.run();
      if (engine.game.playSound) {
        backgroundMusic.play();
      }
    }
  }

  playAgain.addEventListener("click", () => {
    playAgain.classList.add("hide");
    let prevAudioFlag = engine.game.playSound
    engine.restartGame();
    engine.running = true;
    engine.start();
    engine.game.playSound = prevAudioFlag
  });

  nextLevel.addEventListener("click", () => {
    nextLevel.classList.add("hide");
    engine.game.createLevel(engine.game.level);
    engine.run();
  });

  startGame.addEventListener("click", () => {
    loadingScreen.classList.add("hide");
    let prevAudioFlag = true;

    if (engine.game) {
      prevAudioFlag = engine.game.playSound;
    }
    engine.restartGame();
    engine.running = true;
    engine.start();
    engine.game.playSound = prevAudioFlag;
    if (engine.game.playSound) {
      muteSound.children[0].textContent = "Mute";
      backgroundMusic.play();
    }

    pause.addEventListener("click", handlePause);
    play.addEventListener("click", handlePlay);
  });

  home.addEventListener("click", () => {
    nextLevel.classList.add("hide");
    playAgain.classList.add("hide");
    loadingScreen.classList.remove("hide");
    engine.stop();
    engine.running = true;
    engine.start("loading-screen");
    play.removeEventListener("click", handlePlay)
    pause.removeEventListener("click", handlePause)
  });

  restart.addEventListener("click", () => {
    nextLevel.classList.add("hide");
    playAgain.classList.add("hide");
    loadingScreen.classList.add("hide");
    engine.restartGame();
    engine.running = true;
    engine.start();
    play.addEventListener("click", handlePlay)
    pause.addEventListener("click", handlePause)
  });

  window.addEventListener("keydown", () => {
    engine.controls.handleKeyDown();
  });

  window.addEventListener("keyup", () => {
    engine.controls.handleKeyUp();
  });
});