infinite loading screen toy

global/globalScript.js

@@ -4,7 +4,8 @@ const PAGES = {
   SYNTHWAVE: 1,
   TOYS: 2,
   LICENSE: 3,
-  SC_TRACKER: 4
+  SC_TRACKER: 4,
+  LOADING: 5
 }
 const CONSOLE_COLORS = {
   red: "color: #FF0000;",
@@ -17,6 +18,7 @@ let CURRENT_PAGE = PAGES.null
 
 let isAnimating = true
 let gridVisible = false
+let navBarPresent = false
 
 function randomFloat(min, max) {
   return Math.random() * (max - min) + min
@@ -139,7 +141,7 @@ function pauseAnimBtn(state) {
 
 
 function setVh() {
-  document.documentElement.style.setProperty("--vh", window.innerHeight * 0.01 + "px");
+  document.documentElement.style.setProperty("--vh", window.innerHeight * 0.01 + "px")
 }
 
 
@@ -161,17 +163,27 @@ document.addEventListener("DOMContentLoaded", async function() {
   if (densityWidth > densityHeight) { debugPrint("pxDensity", `Width, ${pxDensity}`) }
   else { debugPrint("pxDensity", `Height, ${pxDensity}`) } 
 
-  setLoadingProgress("adding navBar...")
-  await loadNavBarJson()
-  onLoadNavBar()
+  if (navBarPresent) {
+    setLoadingProgress("adding navBar...")
+    await loadNavBarJson()
+    onLoadNavBar()
+  }
 
   switch (CURRENT_PAGE) {
     case (PAGES.SYNTHWAVE): loadingScreenSynthwave(); break
     case (PAGES.LICENSE):   onLoadLicense(); break
   }
   
-  pauseAnimBtn(localStorage["isAnimating"] || "true")
-  debugPrint("isAnimating", isAnimating)
+  if (navBarPresent) {
+    pauseAnimBtn(localStorage["isAnimating"] || "true")
+    debugPrint("isAnimating", isAnimating)
+  }
+
+  if (CURRENT_PAGE == PAGES.LOADING) {
+    clearLoadingScreenClutter()
+    periodicallyChangeTips()
+    return
+  }
 
   if (fakeLoading != "true") { 
     removeLoadingScreen(true)

global/loadingScreen.js

@@ -7,9 +7,9 @@ let fakeLoadingComplete = false
 
 loadingScreenEl.className = "bgDiv"
 loadingScreenEl.innerHTML = `
-  <img class="loadingImg" draggable="false" src="/assets/byteDiceBlinkAnim_32x32.png">
+  <img class="loadingImg" draggable="false" src="/assets/byteDiceBlinkAnim_32x32.png" id="loadingImg">
 
-  <div style="margin-left: calc(3px * var(--pxDensity)); display: flex;">
+  <div style="margin-left: calc(3px * var(--pxDensity)); display: flex;" id="fakeLoadingToggle">
     <p class="encased" style="height: 100%">
       Use extended loading screen?<br>
       <small style="margin: 0px; font-size: 10px;">(For immersion)</small>

global/navBar.js

@@ -1,6 +1,8 @@
 let navBarJson
 let alts
 
+navBarPresent = true
+
 function onLoadNavBar() {
   const container = document.getElementById("navBarContainer")
   const altString = container.dataset.alt || ""