FieldEnv. altered Pond Coastal Ripples

Adjusted ripples to get a direction driven UV from a map with a "coastal" blue channel from 0-1
Coastal channel offsets where in the ripples texture the value is read, which does cause some artifacts from jpeg compression and 8bit limits

Author: ProcStack

docs/js/pxlRooms/FieldEnvironment/Assets/PondWater_CoastLine.jpg

@@ -34,7 +34,7 @@ export class FieldEnvironment extends RoomEnvironment{
   constructor( roomName='FieldEnvironment', assetPath=null, msRunner=null, camera=null, scene=null, cloud3dTexture=null ){
     super( roomName, assetPath, msRunner, camera, scene, cloud3dTexture );
 
-		this.assetPath=assetPath+"Assets/";
+		this.assetPath= assetPath + "Assets/";
     this.sceneFile = this.assetPath+"FieldEnvironment.fbx";
 
 		// Environment Shader 
@@ -623,7 +623,7 @@ export class FieldEnvironment extends RoomEnvironment{
             }]
         )
         creekWaterUniforms.dataTexture.value = this.pxlUtils.loadTexture( this.assetPath+"CreekWater_Data.jpg" );
-        creekWaterUniforms.rippleTexture.value = this.pxlUtils.loadTexture( this.assetPath+"WaterRipplesA.jpg" );
+        creekWaterUniforms.rippleTexture.value = this.pxlUtils.loadTexture( this.assetPath+"WaterRipples_CoastalB.jpg" );
         creekWaterUniforms.noiseTexture.value = this.pxlUtils.loadTexture( this.assetPath+"Noise_UniformWebbing.jpg" );
 
         let creekWaterMat=this.pxlFile.pxlShaderBuilder( creekWaterUniforms, creekWaterVert(), creekWaterFrag() );
@@ -653,7 +653,7 @@ export class FieldEnvironment extends RoomEnvironment{
   //
     // -- -- -- 
 
-		let fieldFbxLoader = this.pxlFile.loadRoomFBX( this ); // , null, null, true );
+		let fieldFbxLoader = this.pxlFile.loadRoomFBX( this ) ;//, null, null, true );
 
 	// -- -- -- -- -- -- -- -- -- -- -- -- -- //
 

docs/js/pxlRooms/FieldEnvironment/Assets/WaterRipplesA.jpg

@@ -703,6 +703,7 @@ export function pondWaterVert(){
 export function pondWaterFrag(){
   let ret=shaderHeader();
   ret += `
+        
     uniform vec2 time;
     uniform float intensity;
     uniform float rate;
@@ -739,15 +740,17 @@ export function pondWaterFrag(){
         // -- -- --
         
         // Sample Coast Line Distance texture
-        vec2 sampleOffset = vec2( .0015  );
-        float coastInf= ( texture2D( coastLineTexture, vUv ).r + 
-                        texture2D( coastLineTexture, vUv + sampleOffset + nCd.rg*.015 ).r + 
-                        texture2D( coastLineTexture, vUv - sampleOffset ).r ) * .3333333333;
-        
-        uv = vec2( pos.x*.1 - coastInf*.1, pos.z*.10-timer*.05-coastInf*.05 );
-        vec3 vertCd = ( texture2D(noiseTexture,uv).rgb*.5 +
-                      texture2D(noiseTexture,uv+sampleOffset).rgb*.25 +
-                      texture2D(noiseTexture,uv-sampleOffset).rgb*.15 );
+        vec2 sampleOffset = vec2( .001  );
+        uv = vUv + (nCd.rg-.5)*.001;
+        vec3 rippleUVs= texture2D( coastLineTexture, uv ).rgb *.5 +
+                        texture2D( coastLineTexture, uv + sampleOffset ).rgb * .25 + 
+                        texture2D( coastLineTexture, uv - sampleOffset ).rgb * .25 ;
+                        
+        rippleUVs.rg = abs(rippleUVs.rg-.5) * 1.5;
+        float coastInf= pow( clamp( (length( rippleUVs.rg )), 0.0, 1.0), 3.0);
+        float coastInfInv = (1.0-coastInf); 
+        
+        nCd *= (1.0-coastInf*.5);
         
         // -- -- --
         
@@ -761,29 +764,24 @@ export function pondWaterFrag(){
         // -- -- --
         
         // Generate coastal ripples
-        coastInf = max( 0.0, coastInf*coastInf*coastInf  - (vertCd.r+vertCd.g+vertCd.b)*coastInf*0.28 );
-        vec2 rippleUV = vec2( coastInf ) ;
-        rippleUV = fract( rippleUV + (-time.x*0.06 ) );
-        
-        
-        rippleUV = ( rippleUV * coastInf);
-        float rippleInf=texture2D( rippleTexture, rippleUV ).r * coastInf * coastInf *.5 ;
+        rippleUVs.xy = ( rippleUVs.xy*vec2(1.0,.65*(coastInf*.6+.65)) + vec2( rippleUVs.b * .3, -time*.03 ) ) ;
+        float rippleInf = texture2D( rippleTexture, rippleUVs.xy ).r * coastInf;
         
 
         // -- -- --
         
         // Color + Coastal Mix
         
-        Cd.rgb *= mix(  max(nCd.g*(nCd.r*.5+1.0)*.7+.3,nCd.b*alpha)*.8+.1,
-                        rippleInf+0.50,
-                        min(1.0,(coastInf*.5+.5)+rippleInf) 
+        Cd.rgb *= mix(  max(nCd.g*(nCd.r*.5+1.0)*.7*coastInfInv+.3,nCd.b*alpha)*.8*coastInfInv+.1,
+                        rippleInf*.2+0.7,
+                        min(1.0,(nCd.g*nCd.b)+coastInf+rippleInf*.3) 
                      ); 
                      
         float angleInf = clamp( (1.0-min(1.0, length( vToCam )*.00135 ))*1.85, 0.0, 1.0 );
         angleInf *= angleInf;
-        float angleIncidence = 1.0 - clamp( dot( normalize( vToCam ), normalize(vN * nCd) )*3.50-.5, 0.0, 1.0)*(1.0-coastInf*.3-nCd.g*.3) * angleInf ;
+        float angleIncidence = 1.0 - clamp( dot( normalize( vToCam ), normalize(vN * nCd) )*3.50-.5, 0.0, 1.0)*(1.0-coastInf-nCd.g*.4) * angleInf ;
                      
-        Cd.a = mix(Cd.a*angleIncidence, Cd.a-min(1.0, (1.0-rippleInf)*.35), coastInf*.35  );
+        Cd.a = mix(Cd.a*angleIncidence, Cd.a-min(1.0, (1.0-rippleInf)*.035), coastInf+rippleInf  );
         
         
         gl_FragColor=Cd;