Upgraded to pxlNav v0.0.20

Sorted files, upgraded The Outlet ( Formerly named Field Env.)

See `pxlNav` repo for those specific changes

Author: ProcStack

ChangeLog.md

@@ -45,7 +45,7 @@
 
   <!-- pxlNav necessary tags -->
     <canvas id="pxlNav-coreCanvas" height='1' width='1' class="pxlNavCoreCanvasStyle" ></canvas>
-    <script type="module" src="js/pxlNavLoader_basic.js?v=2025-02-02"></script>
+    <script type="module" src="js/pxlNavLoader.js?v=2025-02-08"></script>
 
 </body>
 </html>

docs/pxlNav_fieldEnv.htm docs/Outlet.htmdocs/pxlNav_fieldEnv.htm renamed to docs/Outlet.htm

@@ -102,19 +102,22 @@
                 <div class="gitPageInnerStyle gitPxlNavPageInnerStyle">
                   <span class="gitPageHeaderStyle gitPagePxlNavHeaderStyle"><a href="https://github.com/ProcStack/pxlNav" target="_blank">pxlNav <span id="pxlNavPageVersion"></span></a></span>
 
+                  <br><div class="gitPagePxlNavShortcuts">
+                    <span>Hit <span class="textBoldBox">P</span> on your keyboard to pause the background.</span>
+                    <span>Hit <span class="textBoldBox">Y</span> to open the <span class="textNudge">GLSL Shader Editor</span>.</span>
+                  </div>
+
                   <br><br><span class="gitPageHeaderStyle gitPagePxlNavHeaderStyle">Explore pxlNav -</span>
 
                   <div class="innerCenter">
-                    - If you're on a computer and want to run around, click the image -
-                    <br><a href="pxlNav_fieldEnv.htm"><img src='./images/pxlNav_FieldEnv.jpg' class='gitPageImageStyle' alt='pxlNav'>
-                    pxlNav Example : Field Environment</a>
+                    - If you're on a computer and want to run around, click any of the image -
+                    <br><a href="Outlet.htm"><img src='./images/pxlNav/pxlNav_TheOutlet_2025-2-8_Coastline_sm.jpg' class='gitPageImageStyle' alt='pxlNav'>
+                    <br><a href="Outlet.htm"><img src='./images/pxlNav/pxlNav_TheOutlet_2025-2-8_CatTails_sm.jpg' class='gitPageImageStyle' alt='pxlNav'>
+                    <br><a href="Outlet.htm"><img src='./images/pxlNav/pxlNav_TheOutlet_2025-2-8_The_Dock_sm.jpg' class='gitPageImageStyle' alt='pxlNav'>
+                    pxlNav Example : The Outlet</a>
                     <br><span class="textItalic">( Note : Link will load in this tab )</span>
                   </div>
                   <br>
-                  <div class="gitPagePxlNavShortcuts">
-                    <span>Hit <span class="textBoldBox">P</span> on your keyboard to pause the background.</span>
-                    <span>Hit <span class="textBoldBox">Y</span> to open the <span class="textNudge">GLSL Shader Editor</span>.</span>
-                  </div>
                   <br>
 
                   <br><br><span class="gitPageHeaderStyle gitPagePxlNavHeaderStyle">What's <span class="textNudge">pxlNav</span>?</span>
@@ -457,7 +460,7 @@
 
     <canvas id="pxlNav-coreCanvas" height='1' width='1' class="pxlNavCoreCanvasStyle" ></canvas>
 
-    <script type="module" src="js/ProckStackGitio.js?v=2025-01-22"></script>
+    <script type="module" src="js/ProckStackGitio.js?v=2025-02-08"></script>
 
 
 </body>

docs/images/pxlNav/pxlNav_TheOutlet_2025-2-8_CatTails_sm.jpg

@@ -9,7 +9,7 @@
 //   For `pxlNav` scripting, the entry-point is `./Source/js/pxlNavCore.js`
 //
 
-import { pxlNav, pxlNavVersion, pxlEnums, pxlUserSettings, pxlOptions } from './pxlNav.esm.js';
+import { pxlNav, pxlNavVersion, pxlEnums, pxlUserSettings, pxlOptions } from './pxlNav.esm.js'; // v0.20
 import { ProcPages } from './ProcPages.js';
 import { PageMetaDataObjects } from './PageMetaData.js';
 import { BlogManager } from './BlogManager.js';
@@ -25,10 +25,10 @@ const verbose = pxlEnums.VERBOSE_LEVEL.ERROR;
 const projectTitle = "procstack.github.io";
 
 // pxlRoom folder path, available to change folder names or locations if desired
-const pxlRoomRootPath = "./pxlRooms";
+const pxlRoomRootPath = "../js/pxlRooms";
 
 // Asset root path
-const pxlAssetRoot = "./pxlAssets";
+const pxlAssetRoot = "../js/pxlAssets";
 
 // Show the onboarding screen after the loading bar completes
 const showOnboarding = false;
@@ -76,8 +76,8 @@ userSettings['gravity']['Max'] = 15.5; // Max gravity rate
 // Target FPS (Frames Per Second)
 //   Default is - PC = 30  -&-  Movile = 30
 const targetFPS = {
-  'PC' : 60,
-  'Mobile' : 30
+  'PC' : 45,
+  'Mobile' : 20
 };
 
 // Anti-aliasing level