Update app.py

app.py

@@ -82,28 +82,28 @@ def load_aframe_and_extras():
           pos = {x: center.x, y: height, z: center.z};
           break;
         case 'left':
-          pos = {x: -quadrantOffset, y: lowHeight, z: center.z}; // Center on left side
+          pos = {x: -quadrantOffset, y: lowHeight, z: center.z};
           break;
         case 'right':
-          pos = {x: quadrantOffset, y: lowHeight, z: center.z}; // Center on right side
+          pos = {x: quadrantOffset, y: lowHeight, z: center.z};
           break;
         case 'front':
-          pos = {x: center.x, y: lowHeight, z: -quadrantOffset}; // Center on top side
+          pos = {x: center.x, y: lowHeight, z: -quadrantOffset};
           break;
         case 'back':
-          pos = {x: center.x, y: lowHeight, z: quadrantOffset}; // Center on bottom side
+          pos = {x: center.x, y: lowHeight, z: quadrantOffset};
           break;
         case 'angle1':
-          pos = {x: -quadrantOffset, y: lowHeight, z: -quadrantOffset}; // Top-left quadrant
+          pos = {x: -quadrantOffset, y: lowHeight, z: -quadrantOffset};
           break;
         case 'angle2':
-          pos = {x: quadrantOffset, y: lowHeight, z: -quadrantOffset}; // Top-right quadrant
+          pos = {x: quadrantOffset, y: lowHeight, z: -quadrantOffset};
           break;
         case 'angle3':
-          pos = {x: -quadrantOffset, y: lowHeight, z: quadrantOffset}; // Bottom-left quadrant
+          pos = {x: -quadrantOffset, y: lowHeight, z: quadrantOffset};
           break;
         case 'angle4':
-          pos = {x: quadrantOffset, y: lowHeight, z: quadrantOffset}; // Bottom-right quadrant
+          pos = {x: quadrantOffset, y: lowHeight, z: quadrantOffset};
           break;
       }
       rig.setAttribute('position', pos);
@@ -116,10 +116,28 @@ def load_aframe_and_extras():
       var rSpeed = 2;
 
       switch(action) {
+        case 'moveLeft':
+          velocity.x = Math.max(velocity.x - accel, -maxSpeed);
+          break;
+        case 'moveRight':
+          velocity.x = Math.min(velocity.x + accel, maxSpeed);
+          break;
+        case 'moveUp':
+          velocity.y = Math.min(velocity.y + accel, maxSpeed);
+          break;
+        case 'moveDown':
+          velocity.y = Math.max(velocity.y - accel, -maxSpeed);
+          break;
+        case 'panLeft':
+          rot.y += rSpeed;
+          break;
+        case 'panRight':
+          rot.y -= rSpeed;
+          break;
         case 'forward':
           var cam = document.querySelector('[camera]');
           var dir = new THREE.Vector3();
-          cam.object3D.getWorldDirection(dir); // Raycast direction (downward for top-down view)
+          cam.object3D.getWorldDirection(dir);
           var pos = rig.getAttribute('position');
           pos.x += dir.x * 0.1;
           pos.y += dir.y * 0.1;
@@ -127,18 +145,19 @@ def load_aframe_and_extras():
           rig.setAttribute('position', pos);
           break;
         case 'backward':
-          velocity.z = Math.min(velocity.z + accel, maxSpeed);
+          var cam = document.querySelector('[camera]');
+          var dir = new THREE.Vector3();
+          cam.object3D.getWorldDirection(dir);
+          var pos = rig.getAttribute('position');
+          pos.x -= dir.x * 0.1;
+          pos.y -= dir.y * 0.1;
+          pos.z -= dir.z * 0.1;
+          rig.setAttribute('position', pos);
           break;
         case 'stop':
           velocity = {x: 0, y: 0, z: 0};
           moveCamera('center');
           break;
-        case 'rollCCW':
-          rot.z += rSpeed;
-          break;
-        case 'rollCW':
-          rot.z -= rSpeed;
-          break;
       }
       rig.setAttribute('rotation', rot);
     }
@@ -147,7 +166,7 @@ def load_aframe_and_extras():
       var rig = document.querySelector('#rig');
       var pos = rig.getAttribute('position');
       pos.x += velocity.x;
-      pos.y += velocity.y;
+      pos.y = Math.max(1, pos.y + velocity.y); // Prevent camera from going below y=1
       pos.z += velocity.z;
       rig.setAttribute('position', pos);
       requestAnimationFrame(updateCameraPosition);
@@ -183,12 +202,16 @@ def load_aframe_and_extras():
         case '7': moveCamera('angle2'); break;
         case '8': moveCamera('angle3'); break;
         case '9': moveCamera('angle4'); break;
-        case 'w': flyCamera('forward');  break;
-        case 'x': flyCamera('backward'); break;
-        case 's': flyCamera('stop');     break;
-        case 'q': flyCamera('rollCCW');  break;
-        case 'e': flyCamera('rollCW');   break;
-        case ' ': fireRaycast();         break;
+        case 'q': flyCamera('moveLeft');  break;
+        case 'e': flyCamera('moveRight'); break;
+        case 'z': flyCamera('moveUp');    break;
+        case 'c': flyCamera('moveDown');  break;
+        case 'a': flyCamera('panLeft');   break;
+        case 'd': flyCamera('panRight');  break;
+        case 'w': flyCamera('forward');   break;
+        case 'x': flyCamera('backward');  break;
+        case 's': flyCamera('stop');      break;
+        case ' ': fireRaycast();          break;
       }
     });
     </script>