let isLoading = true
let stopLoading = false
let loadingScreenProgress = document.getElementById("loadingText")
let loadingScreenEl = document.getElementById("loadingScreen")

let tips = [
	"Just don't die.",
	"Did you know this is a tip?",
	"Is thisn't not very un-understandable?",
  "m".repeat(200),
  "Bad at a game? Just press the \"get good at games\" button!",
  "I AM NOT A FEMBOY NOR GAY. (I support though :thumbsup:)",
  "You should listen to that song that goes \"do do do do do do do do do.\"",
  "(Almost) Every pixel in this website's pixel art is positioned pixel perfect.",
  "Shouldn't I be talking about tips?",
  "Did you know that... uh... hold on let me think... I don't know, I forgot.",
  "This tip is very helpful.",
  "The synthwave terrain background is fully procedural. No images or gifs were used."
]

let selectedTip = tips[randomIntFrom0(tips.length)]
const showLoading = localStorage["showLoading"] || "true"


function newTip() {
  selectedTip = tips[randomIntFrom0(tips.length)]
} 


function setLoadingProgress(newText) {
  loadingScreenProgress.innerHTML = `Loading...<br>${newText}<br><br>Tip: ${selectedTip}`
}


function startLoadingScreen() {
	loadingScreenProgress.innerHTML = `Loading...<br><br>Tip: ${selectedTip}`

	const loadDur = randomFloat(3000, 6000)

	setTimeout(removeLoadingScreen, loadDur)
}


function removeLoadingScreen() {
  if (!isLoading) { return }

  setLoadingProgress("Done!")

  isLoading = false
	const fadeOutDur = 0.5
	
	setTimeout(function() {
    loadingScreenEl.style.animation = `fade-out ${fadeOutDur}s forwards`

    setTimeout(function() {
      loadingScreenEl.style.left = "100vw"
      document.getElementById("loadingCornerText").remove()
      newTip()
    }, fadeOutDur * 1000)
  }, 500)
}


function stopShowingLoading() {
	localStorage["showLoading"] = false
}


document.addEventListener("keydown", function(event) {
	if (event.key === "Escape") {
		removeLoadingScreen()
	}
})