Campfire env Grass Cluster texture & shader update

Add some flicker from the campfire, a little darker texture, some swaying from the wind.

A bluster/gust noise is mixed in so it creates patches of swaying grass.

I'll need to move this shader to pxlNav Shader Core, the grass sway can allow for a wind texture and how much wind over all.

Author: ProcStack

Build/pxlNav.min.js

@@ -1,6 +1,6 @@
 //
 //  Core pxlNav Engine
-export const pxlNavVersion = "0.0.14";
+export const pxlNavVersion = "0.0.15";
 //      Written by Kevin Edzenga 2020;2024
 
 // -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

Build/pxlRooms/CampfireEnvironment/CampfireEnvironment.js

@@ -323,9 +323,9 @@ export class ShaderEditor {
 
 
     let fontSizeSmallerObj=document.getElementById("gui_shaderEditorFontSmaller");
-    fontSizeSmallerObj.onclick=(e)=>{ tmpThis.shiftFontSize(-.25); };
+    fontSizeSmallerObj.onclick=(e)=>{ tmpThis.shiftFontSize(-.15); };
     let fontSizeLargerObj=document.getElementById("gui_shaderEditorFontLarger");
-    fontSizeLargerObj.onclick=(e)=>{ tmpThis.shiftFontSize(.25); };
+    fontSizeLargerObj.onclick=(e)=>{ tmpThis.shiftFontSize(.15); };
 
     /*
       let shaderLinkList=this.pxlEnv.pxlGuiDraws.guiWindows[type].shaderList.children;

Source/js/pxlNav.js

@@ -2,6 +2,7 @@ import * as THREE from "../../js/libs/three/three.module.js";
 import { rabbitDruidVert, rabbitDruidFrag,
          campfireLogVert, campfireLogFrag,
          campfireVert, campfireFrag,
+         grassClusterVert, grassClusterFrag,
          envGroundVert, envGroundFrag } from "./Shaders.js";
 import RoomEnvironment from "../../js/pxlNav/RoomClass.js";
 
@@ -436,6 +437,28 @@ export class CampfireEnvironment extends RoomEnvironment{
 
 
 
+    // -- -- -- 
+
+    
+    let grassClusterUniforms = THREE.UniformsUtils.merge(
+        [
+        THREE.UniformsLib[ "lights" ],
+        {
+          'noiseTexture' : { type:'t', value: null },
+          'fogColor' : { type: "c", value: this.fogColor },
+        }]
+    )
+    grassClusterUniforms.noiseTexture.value = this.pxlUtils.loadTexture( this.assetPath+"Noise_UniformWebbing.jpg" );
+
+    let grassMat=this.pxlFile.pxlShaderBuilder( grassClusterUniforms, grassClusterVert(), grassClusterFrag() );
+    grassMat.side = THREE.FrontSide;
+    grassMat.lights = true;
+    grassMat.transparent = false;
+    
+        
+    this.textureList[ "grassClusterA_geo" ]=grassMat;
+    
+
     // -- -- --
 
     this.textureList[ "EnvironmentGround_geo" ]=environmentGroundMat;