Collider Manager added, not fully implemented

-Auto sub-collider "hash" map gets created upon importing FBX with colliders for Floor, Walls, Wall Tops, & Room Warp Pads.
-Adjusted some shader issues in ground shaders for Campfire & Field Environment

Author: ProcStack

Build/pxlNavStyle.min.css

@@ -45,7 +45,7 @@
 <!-- -- -- -- -->
 
 <link type="text/css" rel="stylesheet" href="style/ProcStackStyle.css">
-<link type="text/css" rel="stylesheet" href="style/pxlNavStyle.css">
+<link type="text/css" rel="stylesheet" href="style/pxlNavStyle.min.css">
 
 
 <!-- -- -- -- -->
@@ -396,23 +396,39 @@
 
                   <br><br>
                   <div ll-src='https://pxlmancer.com/show/learningGradients_84_opt.gif' ll-thumb='https://pxlmancer.com/show/learningGradients_84_th.jpg' ll-width='320' ll-height='320' class='lazyLoad gitPageImageStyle' alt='ESN Brain Wrinkling'></div>
-                  <span class="innerCenter">A different slice & settings for the same ESN I wrote.
+                  <span class="innerCenter">Different types of slices from the same ESN, just different input video.
+                    <div class='gitPageAboutMeSpacer'></div>
+                    Upper left is another video I made the AI is watching, upper right is shifts in detected movement,
+                    <br>Lower left is a slice of the brain's learned wrinkles, lower right is predicted movement.</span>
+                    <div class='gitPageAboutMeSpacer'></div>
+                    Currently it doesn't use the predicted movement for anything,
+                    <br>The next step would be introducing a base image to motion-transfer / referece.
+                    <div class='gitPageAboutMeSpacer'></div>
+                    So I'm just learnin' while watching my ai learnin'!
                     <div class='gitPageAboutMeSpacer'></div>
-                    Upper left is another video I made the AI is watching, upper right is the brain's prediction,
-                    <br>Lower left is a slice of the brain's learned wrinkles, lower right the brain's prediction.
 
-                    <br><br>With a "reservoir" of 15 times steps, you'll notice about every 15 frames the brain shifts.
+                    <br>With a "reservoir" of 15 times steps, you'll notice about every 15 frames the brain shifts.
                     <br>By frame ~45, it's learned some patterns
-                    <br>The brain seems to then melt and rebuild itself to be predicting by frame ~70. 
+                    <br>The brain seems to completely melt at ~75 and rebuild itself by ~95. 
 
                     <br><br>It should be happenstance that the brain shifts when the reservoir fills,
                     <br>Could mean I'm not correctly accounting for high p-values, outliers;
-                    <br>But it's detecting patterns in motion!</span>
+                    <br>But it's detecting patterns in motion!
                   </span>
 
                   <br><img src='https://www.pxlmancer.com/show/learningGradients_84_brainSlice.png' class='gitPageImageStyle' alt='Custom ESN Learning Gradients' >
                   <span class="innerCenter">A slice of the ESN's brain by frame 101 of watching the X pattern video.</span>
 
+                  <br>Since I didn't have a good use case for the ESN in Python,
+                  <br>&nbsp;&nbsp; I built a similar ESM through C# in Unity to operate NPC's ability to learning player habbits.
+                  <br>The logic is pretty simple, so running by CPU is fine for now,
+                  <br>&nbsp;&nbsp; I'll likely look to move it to GPU in the future, if need be.
+                  <br>I set it up to learn less often when the player is in another room.
+                  <br>&nbsp;&nbsp; Thinking that I'd want to set up a "data transfer" between characters,
+                  <br>&nbsp;&nbsp;&nbsp;&nbsp; Gossip about the player.
+                  <br>&nbsp;&nbsp; But it's just cubes and spheres in Unity at the moment.
+
+                  
                   <br><br>If you couldn't tell by now, I'm training my AIs on my own creations.
                   <br>A personally made AI trained on personally made images / videos / photos / code / writing training data.
                   <br>&nbsp;&nbsp; That means I can copyright my generations, right?
@@ -440,7 +456,7 @@
 
     <canvas id="pxlNav-coreCanvas" height='1' width='1' class="pxlNavCoreCanvasStyle" ></canvas>
 
-    <script type="module" src="js/ProckStackGitio.js?v=2024-12-30"></script>
+    <script type="module" src="js/ProckStackGitio.js?v=2025-1-2"></script>
 
 
 </body>

Public/index.htm

@@ -1,7 +1,7 @@
 //
 //  Core pxlNav Engine
-const pxlNavVersion = "0.0.17";
-//      Written by Kevin Edzenga 2020;2024
+const pxlNavVersion = "0.0.18";
+//      Written by Kevin Edzenga 2020;2024-2025
 
 // -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
 // 
@@ -233,6 +233,13 @@ class pxlNav{
 
     this.pxlEnv = new pxlBase.Environment( this.options, this.startingRoom, this.mobile );
     this.pxlDevice = new pxlBase.Device( projectTitle, pxlCore, this.mobile, this.autoCam );
+    
+    // Default Grid Size 50, Collider Bounds as reference 1000.0
+    //  The reference bounds are used to scale down the grid size for smaller bbox colliders,
+    //    Helping with higher poly counts for performance
+    this.pxlColliders = new pxlBase.Colliders( this.verbose, 50, 1000.0 );
+
+
     this.pxlCamera = new pxlBase.Camera();
     // Disable Free-Roam camera mode if static camera is enabled
     if( this.options["staticCamera"] ){
@@ -243,6 +250,8 @@ class pxlNav{
 
     this.pxlGuiDraws = new pxlBase.GUI( this.verbose, projectTitle, this.folderDict["assetRoot"], this.folderDict["guiRoot"] );
 
+    // TODO : These should really be requested via pxlEnv methods, but for now...
+    //          Too many dependencies still to refactor, but it's cleaner than its ever been, so I'll take it!
     this.pxlQuality.setDependencies( this );
     this.pxlUtils.setDependencies( this );
     this.pxlFile.setDependencies( this );
@@ -251,6 +260,7 @@ class pxlNav{
     this.pxlEnv.setDependencies( this );
     this.pxlAnim.setDependencies( this );
     this.pxlDevice.setDependencies( this );
+    this.pxlColliders.setDependencies( this );
     this.pxlCamera.setDependencies( this );
     this.pxlGuiDraws.setDependencies( this );
 

Public/style/pxlNavStyle.min.css

@@ -329,49 +329,16 @@ export class Environment{
 
     //this.buildSnow();
 
-    /*
-    // Prevent Web Camera from booting 
-    if( this.pxlDevice.mobile || this.pxlAutoCam.enabled){
-        this.pxlAutoCam.toggleAutoCam();
-        this.fogMult.x = 1;
-        if( ! this.pxlAutoCam.enabled ){
-            this.pxlGuiDraws.toggleMobileWelcome(true);
-        }else{
-            this.postIntro=true;
-            this.pxlCamera.colliderValid=true;
-            this.pxlCamera.eventCheckStatus=true;
-            this.pxlCamera.colliderShiftActive=true;
-            this.pxlCamera.nearestFloorObjName="mobile";
-            this.pxlCamera.colliderCurObjHit="AudioTrigger_2";
-            this.pxlCamera.proximityScaleTrigger=true;
-            this.exposureShiftActive=true;
-            this.pxlAudio.setFadeActive( 1 );
-        }
-    }else{
-        this.pxlGuiDraws.iconEvent( "click", this.pxlGuiDraws.hudIcons.helpIcon, "help" );
-    }
-    */
-    
-    /*
-    // Prevent audio and video booting
-    setTimeout( ()=>{
-        this.pxlAudio.postBoot();
-        
-        if( this.pxlDevice.mobile ){
-          this.pxlAudio.djPlayerMuteToggle(true);
-        }
-        
-        if(this.pxlVideo){
-          this.pxlVideo.postBoot('dj');
-        }
-        
-    }, 1000);
-    */
   }
 
   postHelpIntro(){
+    // If the device is a computer, without autocam, send player details to the server
+    //   TODO : This will need to be accessible from the room object and set-up networking as an extention
     if( !this.pxlDevice.mobile && !this.pxlAutoCam.enabled ){
       this.pxlCamera.jogServerMemory();
+    
+    // If the device is a mobile, or autocam is enabled,
+    //   Trigger a valid collider to allow the camera to be placed.
     }else{
       this.pxlCamera.colliderValid=true;
       this.pxlCamera.eventCheckStatus=true;
@@ -381,6 +348,7 @@ export class Environment{
       this.pxlCamera.proximityScaleTrigger=true;
       this.exposureShiftActive=true;
 
+      // TODO : Media (audio, video, music) needs to be an setting on the pxlOptions object
       if( !this.pxlDevice.mobile ){
         this.pxlAudio.play();
         setTimeout( ()=>{
@@ -729,57 +697,6 @@ export class Environment{
     }
 
 
-    buildSnow(){
-        //sprite = ImageUtils.loadTexture( "textures/sprites/disc.png" );
-
-    let vertexCount = 12000; // Point Count
-        let pScale = 12;  // Point Base Scale
-
-    let geo = new BufferGeometry();
-    let verts = [];
-    let seeds = [];
-    let atlasId = [];
-
-        const atlasGen=()=>{ return Math.floor( (Math.random() * 4000) % 4 )*.25; };
-
-    for( let x=0; x<vertexCount; ++x ){
-            verts.push( 0,0,0 );
-      seeds.push( (Math.random()),(Math.random()),(Math.random()*2-1), (Math.random()*.5+.5) );
-      atlasId.push( atlasGen(), atlasGen() );
-    }
-
-    let posAttribute = new Float32BufferAttribute( verts, 3 );
-    let seedAttribute = new Float32BufferAttribute( seeds, 4 );
-    let atlasAttribute = new Float32BufferAttribute( atlasId, 2 );
-    //let idAttribute = new Uint8BufferAttribute( pId, 1 ); // ## would only be 0-65536; set up vector array for ids
-    geo.setAttribute( 'position', posAttribute );
-    geo.setAttribute( 'seeds', seedAttribute );
-    geo.setAttribute( 'atlas', atlasAttribute );
-    //geo.setAttribute( 'id', idAttribute );
-        
-        let snowUniforms={
-      snowTexture:{type:"t",value: this.pxlUtils.loadTexture( this.pxlUtils.assetRoot+"snow.jpg", 1, {"encoding":LinearSRGBColorSpace, "magFilter":NearestFilter, "minFilter":NearestMipmapNearestFilter} ) },
-      pointScale:{type:"f",value: pScale*this.pxlQuality.screenResPerc },
-      intensity:{type:"f",value:1.0},
-      rate:{type:"f",value:.035},
-    };
-    console.log(this.pxlShaders.particles)
-        let mtl = this.pxlFile.pxlShaderBuilder( snowUniforms, this.pxlShaders.particles.snowVert( this.mobile ), this.pxlShaders.particles.snowFrag() );
-    mtl.side=DoubleSide;
-        mtl.transparent=true;
-        mtl.blending=AdditiveBlending;
-        mtl.depthTest=true;
-        mtl.depthWrite=false;
-
-        let snow = new Points( geo, mtl );
-        snow.sortParticles = false;
-        snow.frustumCulled = false;
-        this.scene.add( snow );
-        snow.layers.set(1);
-        snow.pBaseScale=pScale;
-        this.geoList['snow']=snow;
-    }
-    
     // A screen filled plane to render outside of effect composer passes
     buildBackgroundObject( customUniforms={}, bgVert=null, bgFrag=null){
         let geo = new PlaneBufferGeometry();

Source/js/pxlNav.js

@@ -32,6 +32,8 @@ import {
 } from "../libs/three/three.module.min.js";
 import { pxlPrincipledVert, pxlPrincipledFrag } from "./shaders/objects/PxlPrincipled.js";
 
+import { COLLIDER_TYPE } from "./core/Enums.js";
+
 class RoomEnvironment{
   constructor( roomName='CampfireEnvironment', assetPath=null, pxlFile=null, pxlAnim=null, pxlUtils=null, pxlDevice=null, pxlEnv=null, msRunner=null, camera=null, scene=null, cloud3dTexture=null ){
     this.roomName=roomName;
@@ -103,7 +105,6 @@ class RoomEnvironment{
     this.glassList=[]
     this.particleList={};
 
-    this.portalList={};
 
     this.enableRaycast = false;
     this.hoverableExists=false;
@@ -116,12 +117,17 @@ class RoomEnvironment{
 
     this.collidersExist=false;
     this.colliderActive=false;
+    this.colliderHashMap={};
     this.colliderList={ 'noAxis':[], '11':[], '01':[], '10':[], '00':[] };
     this.antiColliderActive=false;
     this.antiColliderList={ 'noAxis':[], '11':[], '01':[], '10':[], '00':[] };
     this.antiColliderTopActive=false;
     this.antiColliderTopList={ 'noAxis':[], '11':[], '01':[], '10':[], '00':[] };
 
+    this.hasPortalExit=false;
+    this.portalList={};
+
+    this.hasRoomWarp=false;
     this.roomWarp=[];
     this.warpPortalTexture=null;
     this.warpZoneRenderTarget=null;
@@ -255,6 +261,10 @@ class RoomEnvironment{
     }*/
   }
 
+  getName(){
+    return this.roomName;
+  }
+
   getArtistInfo(){
     return null;
   }
@@ -339,6 +349,119 @@ class RoomEnvironment{
 
     this.mouseRayHits=rayHits;
   }
+
+  // -- -- --
+
+  hasColliders(){
+    return this.collidersExist
+  }
+
+  hasColliderType( colliderType=COLLIDER_TYPE.FLOOR ){
+    let hasCollidersOfType = false;
+    if( !this.hasColliders() ){
+      return hasCollidersOfType;
+    }
+
+    switch( colliderType ){
+      case COLLIDER_TYPE.FLOOR:
+        hasCollidersOfType = this.colliderActive;
+        break;
+      case COLLIDER_TYPE.WALL:
+        hasCollidersOfType = this.colliderActive;
+        break;
+      case COLLIDER_TYPE.TOP:
+        hasCollidersOfType = this.antiColliderTopActive;
+        break;
+      case COLLIDER_TYPE.CEILING:
+        // Not implemented yet
+        break;
+      case COLLIDER_TYPE.PORTAL_WARP:
+        hasCollidersOfType = this.hasPortalExit;
+        break;
+      case COLLIDER_TYPE.ROOM_WARP:
+        hasCollidersOfType = this.hasRoomWarp;
+        break;
+      case COLLIDER_TYPE.ITEM:
+        // Not implemented yet
+        break;
+      case COLLIDER_TYPE.SCRIPTED:
+        // Not implemented yet
+        break;
+    }
+
+    return hasCollidersOfType;
+  }
+
+  // -- -- --
+
+  getColliders( colliderType=COLLIDER_TYPE.FLOOR ){
+    let forHashing = [];
+    if( !this.hasColliders() ){
+      return forHashing;
+    }
+
+    // Kick out if the collider type is not active
+    //  ( No colliders of the given type exist )
+    if( colliderType == COLLIDER_TYPE.WALL && !this.antiColliderActive ){
+      return forHashing;
+    }else if( colliderType == COLLIDER_TYPE.TOP && !this.antiColliderTopActive ){
+      return forHashing;
+    }else if( colliderType == COLLIDER_TYPE.ROOM_WARP && !this.hasRoomWarp ){
+      return forHashing;
+    }else if( colliderType == COLLIDER_TYPE.PORTAL_WARP && !this.hasPortalExit ){
+      return forHashing;
+    }
+    
+    switch( colliderType ){
+      case COLLIDER_TYPE.FLOOR:
+        forHashing = [ 
+          ...this.colliderList['noAxis'],
+          ...this.colliderList['11'],
+          ...this.colliderList['01'],
+          ...this.colliderList['10'],
+          ...this.colliderList['00']
+        ];
+        break;
+      case COLLIDER_TYPE.WALL:
+        forHashing = [ 
+          ...this.colliderList['noAxis'],
+          ...this.colliderList['11'],
+          ...this.colliderList['01'],
+          ...this.colliderList['10'],
+          ...this.colliderList['00']
+        ];
+        break;
+      case COLLIDER_TYPE.TOP:
+        forHashing = [ 
+          ...this.antiColliderTopList['noAxis'],
+          ...this.antiColliderTopList['11'],
+          ...this.antiColliderTopList['01'],
+          ...this.antiColliderTopList['10'],
+          ...this.antiColliderTopList['00']
+        ];
+        break;
+      case COLLIDER_TYPE.CEILING:
+        // Not implemented yet
+        break;
+      case COLLIDER_TYPE.PORTAL_WARP:
+        forHashing = this.portalList;
+        break;
+      case COLLIDER_TYPE.ROOM_WARP:
+        forHashing = this.roomWarp;
+        break;
+      case COLLIDER_TYPE.ITEM:
+        // Not implemented yet
+        break;
+      case COLLIDER_TYPE.SCRIPTED:
+        // Not implemented yet
+        break;
+      default:
+        break;
+    }
+
+    //forHashing = this.colliderHashMap;
+    return forHashing;
+  }
 
   toCameraPos( positionName ){
     if( this.cameraBooted && this.camLocation.hasOwnProperty( positionName ) ){