Pass search uri args

`?fps=#`, `?scale=#.#`, and `?showfps=1` search parms pass through the 404.html and set values on pxlNav on load

Author: ProcStack

docs/404.html

@@ -24,8 +24,13 @@
       let basePath = window.location.pathname;
       basePath = basePath.split('/');
       basePath = basePath.pop();
-      let redirectUrl = '/index.htm?redirect=' + basePath;
+      let getData = "";
+      if(window.location.search) {
+        getData = window.location.search;
+        getData = getData.replace("?", "&");
+      }
 
+      let redirectUrl = '/index.htm?redirect=' + basePath + getData;
       window.location.replace( redirectUrl );
 
       // -- -- --

docs/index.htm

@@ -53,7 +53,7 @@
 <link type="text/css" rel="stylesheet" href="style/ProcStackStyle.css">
 <link type="text/css" rel="stylesheet" href="style/pxlNavStyle.min.css">
 
-<script src="https://www.youtube.com/iframe_api"></script>
+<script src="https://www.youtube.com/iframe_api" async></script>
 
 <!-- -- -- -- -->
 

docs/js/ProckStackGitio.js

@@ -78,7 +78,7 @@ userSettings['gravity']['max'] = 15.5; // Max gravity rate
 //   Default is - PC = 30  -&-  Movile = 30
 const targetFPS = {
   'pc' : 45,
-  'mobile' : 30
+  'mobile' : 45
 };
 
 // Render Resolution Scale
@@ -120,6 +120,33 @@ const collisionScale = {
 };
 
 
+// -- -- -- -- --
+
+// Find search parameters in the URL for procstack.github.io
+//   Not needed for pxlNav
+// Note : procPages clears the search parameters on the page
+//          So search is lost on page change,
+//            Running before procPages.init() is needed
+let uriSearch = window.location.search;
+
+// Check hash for fps and renderScale
+let searchParams = new URLSearchParams(uriSearch);
+let showFPS = searchParams.has('showfps') ? !!parseInt(searchParams.get('showfps')) : false;
+if( searchParams.has('fps') ){
+  let fps = parseInt(searchParams.get('fps'));
+  if( fps > 0 ){
+    targetFPS.pc = fps;
+    targetFPS.mobile = fps;
+  }
+}
+if( searchParams.has('scale') ){
+  let scale = parseFloat(searchParams.get('scale'));
+  if( scale > 0 ){
+    renderScale.pc = scale;
+    renderScale.mobile = scale;
+  }
+}
+
 // -- -- -- -- --
 
 // Create the main page manager
@@ -170,8 +197,6 @@ pxlNavOptions.loaderPhrases = loaderPhrases;
 const pxlNavEnv = new pxlNav( pxlNavOptions, projectTitle, procPages.curRoom, bootRoomList );
 
 
-
-
 // -- -- -- -- --
 
 
@@ -183,6 +208,7 @@ pageListenEvents.forEach( (e)=>{
 });
 
 
+
 // -- -- --
 
 // Connect ProcPages' trigger emit function to into `pxlNav`
@@ -191,6 +217,32 @@ procPages.bindTriggerEmits( pxlNavEnv.trigger.bind(pxlNavEnv) );
 // -- -- --
 
 
+// Check hash for fps and renderScale
+if( showFPS ){
+  let verboseConsole = document.getElementById('verbErrorConsole');
+  let skipper = true;
+  let prevTime = 0;
+  if( verboseConsole ){
+    pxlNavEnv.subscribe( 'render-prep', ( e )=>{
+      skipper = !skipper;
+      if( !skipper ){
+        prevTime = e.value.time;
+        return;
+      }
+      let newDiv = document.createElement('div');
+      let delta = (1 / ((e.value.time-prevTime))).toFixed(3);
+      newDiv.innerHTML = delta;
+      verboseConsole.prepend(newDiv);
+      if( verboseConsole.childElementCount > 3 ){
+        verboseConsole.removeChild(verboseConsole.lastChild);
+      }
+    });
+  }
+}
+
+// -- -- --
+
+
 function init(){
 
   // Start the timer and initilize pxlNAv