Re-added the spring bounce

switched from max-width to width to get the animation back

Invert Mouse Inspect Controls

I had it flipped, right was spinning left, and visa versa

Author: ProcStack

docs/js/pxlRooms/SaltFlatsEnvironment/SaltFlatsEnvironment.js

@@ -227,11 +227,9 @@ export class SaltFlatsEnvironment extends RoomEnvironment{
 
     let timeOffset = 0;
     if( this.touchMouseData.active ){
-      //console.log(this.touchMouseData.curDistance)
       timeOffset = this.pxlTimer.curMS - this.touchMouseData.startTime;
     }
 
-    //this.inspectController.rotation.y = this.touchMouseData.startRot + this.touchMouseData.curDistance.x*.02 ;
     this.inspectController.rotation.y = this.inspectController.rotation.y % this.tau;
     this.inspectBlendStartTime += timeOffset;
     this.inspectStartTime = this.pxlTimer.curMS - this.inspectController.rotation.y;
@@ -324,7 +322,7 @@ export class SaltFlatsEnvironment extends RoomEnvironment{
       targetInspectPos.y = 14;
 
       let screenRatio = this.pxlDevice.sW / this.pxlDevice.sH;
-      targetInspectPos.z =  2.0 + 3.00 * (screenRatio*screenRatio);
+      targetInspectPos.z =  2.1 + 3.00 * (screenRatio*screenRatio);
 
 
       this.inspectMarkerPos.copy( targetInspectPos );
@@ -389,10 +387,10 @@ export class SaltFlatsEnvironment extends RoomEnvironment{
 
       if( this.touchMouseData.active ){
         //this.inspectController.rotation.y -= this.touchMouseData.velocity.x*.1 ;
-        this.inspectController.rotation.y = this.touchMouseData.startRot + this.touchMouseData.curDistance.x*.02 ;
+        this.inspectController.rotation.y = this.touchMouseData.startRot - this.touchMouseData.curDistance.x*.02 ;
       }else if( this.inspectToMode ){
         this.touchMouseData.curDistance.x *= 0.92;
-        let offsetDist = this.touchMouseData.curDistance.x * 0.02;
+        let offsetDist = -this.touchMouseData.curDistance.x * 0.02;
 
 
         let inspectProgress = (this.pxlTimer.curMS - this.inspectBlendStartTime) * .5 - .1;

docs/style/procPages/procPages_pageLayout.css

@@ -24,6 +24,7 @@
   overflow: hidden;
   padding: 0px 0px 10px 0px;
   width: 100%;
+  transition: max-width 0.3s ease, width 0.3s ease;
 }
 
 /* -- -- -- */

docs/style/procPages/procPages_projectsStyle.css

@@ -275,5 +275,5 @@
 }
 
 .projectsPage_thisProjectContentStyle {
-  max-width: min(70vw, 1600px);
+  width: min(70vw, 1600px);
 }