Ground, Logs, and Fire, oh my!

_Added anti-aliasing post processes options to pass to pxlNav on init, along with cleaning up how many post-process layers are running by default.

_Ground shader mixes multiple textures now, getting a better dirt texture than noise.  Also hill texture blending, moss around trees, and depth tone.
_Log flame flickering tightened in on the flame itself.  The animated red embers of the logs themselves.
_Fire looks better, doesn't look like an explosion contained in a bag anymore.
_Camera adjustments angles as well

_Fixed box layout on mobile on pages

Author: ProcStack

Build/pxlNav.min.js

@@ -297,7 +297,7 @@
                     <div>
                     </div>
                     <div class="rightFooter">
-                      <a href="https://github.com/ProcStack" target="_blank">ProcStack</a> / <a href="https://www.youtube.com/@trancorwd" target="_blank">Trancor</a> / <a href="mailto:trancor@metal-asylum.net" target="_blank">Kevin Edzenga</a>; 2024
+                      <a href="https://github.com/ProcStack" target="_blank">ProcStack</a> / <a href="https://www.youtube.com/@trancorwd" target="_blank">Trancor</a> / <a href="mailto:trancor@metal-asylum.net" target="_blank">Kevin Edzenga</a><span class="squashInLowRes">; 2024</span>
                     </div>
                 </div>
             </div>

Build/pxlRooms/CampfireEnvironment/CampfireEnvironment.js

@@ -310,7 +310,7 @@ export class ProcPages {
     }else if( !this.resObjsVis && buttonWidthAgr < navBarThreshold ){
       this.resObjsVis = true;
       this.resBasedObjs.forEach( (obj)=>{
-        obj.style.display = "block";
+        obj.style.display = "contents";
       });
     }
 

Build/pxlRooms/SaltFlatsEnvironment/SaltFlatsEnvironment.js

@@ -9,7 +9,7 @@
 //   For `pxlNav` scripting, the entry-point is `./Source/js/pxlNavCore.js`
 //
 
-import { pxlNav, pxlNavVersion, VERBOSE_LEVEL } from './pxlNav.js';
+import { pxlNav, pxlNavVersion, VERBOSE_LEVEL, PXLNAV_OPTIONS, ANTI_ALIASING } from './pxlNav.js';
 import { ProcPages } from './ProcPages.js';
 import { BlogManager } from './BlogManager.js';
 
@@ -18,6 +18,10 @@ import { BlogManager } from './BlogManager.js';
 //   Options are - NONE, ERROR, WARN, INFO
 const verbose = VERBOSE_LEVEL.ERROR;
 
+// Anti-aliasing level
+//   Options are - NONE, LOW, MEDIUM, HIGH
+const antiAliasing = ANTI_ALIASING.LOW;
+
 // The Title of your Project
 //   This will be displayed on the 
 const projectTitle = "procstack.github.io";
@@ -54,9 +58,12 @@ procBlog.showEntry(-1);
 
 // -- -- -- -- --
 
+let pxlNavOptions = Object.assign({},PXLNAV_OPTIONS);
+pxlNavOptions.verbose = verbose;
+pxlNavOptions.antiAliasing = antiAliasing;
 
 // Create the pxlNav environment manager
-const pxlNavr = new pxlNav( verbose, projectTitle, pxlRoomRootPath, procPages.curRoom, bootRoomList );
+const pxlNavr = new pxlNav( pxlNavOptions, projectTitle, pxlRoomRootPath, procPages.curRoom, bootRoomList );
 
 // -- -- -- -- --
 

Public/favicon.ico

@@ -5,8 +5,9 @@
   justify-self: baseline;
   pointer-events: none;
   position: fixed;
-  top: max(6vh,6vw);
-  left: max(max(5vh,5vw), 50vw - 900px);
+  top: max( 30px, max(6vh,6vw));
+  left: max(min(6vh,6vw), 50vw - 900px);
+  max-width: calc( 100vw - max(5vh,5vw) );
   z-index: 1;
   border-radius: 5px;
 }
@@ -38,19 +39,19 @@
 
 .initPage_footerBar{
   background: linear-gradient(90deg, rgba(57, 37, 4, 0.35),  rgba(34, 22, 2, 0.1), rgba(34, 22, 2, 0), rgba(34, 22, 2, 0.0), rgba(34, 22, 2, 0.1),  rgba(57, 37, 4, 0.35));
-  color: #a66817
+  color: #cc8324;
 }
 
 .initPage_footerBar a {
-  color: #a66817;
+  color: #cc8324;
 }
 
 .initPage_footerBar a:hover {
-  color: #b36f16;
+  color: #ffb95e;
 }
 
 .initPage_footerBar a:active {
-  color: #6b420c;
+  color: #dea254;
 }
 
 

Public/index.htm

@@ -143,7 +143,8 @@ text-shadow: 1px 1.5px 4px #252525;
   max-height: 0vh;
   overflow: hidden;
   position: fixed;
-  width: 85vw;
+  left: 0px;
+  width: 100vw;
   max-width: 1600px;
   height: 100vh;
   pointer-events: none;

Public/js/ProcPages.js

@@ -1,7 +1,7 @@
 
 
 .gitPxlNavPageStyle{
-  background-color: rgba(53, 48, 13, 0.19);
+  background-color: rgba(43, 37, 11, 0.58);
   text-shadow: 2px 2px 3px rgba(0, 0, 0, .75);
   border: 1px solid rgba(67, 60, 21, 0.445);
   pointer-events: auto;
@@ -17,16 +17,16 @@
 }
 
 .gitPxlNavPageStyle::-webkit-scrollbar-track {
-	background: rgba(53, 48, 11, 0.31);
+	background: rgba(66, 54, 14, 0.31);
 }
 
 .gitPxlNavPageStyle::-webkit-scrollbar-thumb {
 	cursor: grab;
-  background-color: rgb(93 78 11);
-  border: 2px solid rgba(100, 82, 9, 0.6);
+  background-color: rgb(78 66 9);
+  border: 2px solid rgba(90, 73, 6, 0.6);
 }
 .gitPxlNavPageStyle::-webkit-scrollbar-thumb:hover {
-  background-color: rgb(143, 120, 16);
+  background-color: rgb(143, 113, 16);
   border: 2px solid rgba(131, 107, 11, 0.636);
 }