Update index.html

index.html

@@ -315,23 +315,40 @@
       document.getElementById('coordZ').textContent = playerPos.z.toFixed(2);
     }
 
-    function checkCollisions(newPos) {
-      if (!garage) return newPos;
-
-      const raycaster = new THREE.Raycaster();
-      const sphere = new THREE.Sphere(new THREE.Vector3(newPos.x, newPos.y, newPos.z), 0.6);
-
-      let hasCollision = false;
-      garage.traverse((child) => {
-        if (child.geometry && child.userData.isCollider) {
-          const box = new THREE.Box3().setFromObject(child);
-          if (box.containsPoint(sphere.center) || box.distanceToPoint(sphere.center) < sphere.radius) {
-            hasCollision = true;
+    function checkCameraWallCollision(camPos, playerPos) {
+      const wallDistance = 1.5; // How close to wall before camera pulls back
+      const minCamDistance = 2; // Minimum distance from player
+      
+      // Define garage walls
+      const walls = [
+        { side: 'left', x: -2.2, minZ: -4, maxZ: 3.5 },
+        { side: 'right', x: 4, minZ: -4, maxZ: 3.5 },
+        { side: 'front', z: -4, minX: -2.2, maxX: 4 },
+        { side: 'back', z: 3.5, minX: -2.2, maxX: 4 }
+      ];
+      
+      let newCamPos = { ...camPos };
+      
+      // Check distance to each wall
+      walls.forEach(wall => {
+        if (wall.side === 'left' || wall.side === 'right') {
+          const wallX = wall.x;
+          const distToWall = Math.abs(camPos.x - wallX);
+          if (distToWall < wallDistance && camPos.z >= wall.minZ && camPos.z <= wall.maxZ) {
+            // Push camera closer to player
+            newCamPos.x = playerPos.x + (wall.side === 'left' ? minCamDistance : -minCamDistance);
+          }
+        } else {
+          const wallZ = wall.z;
+          const distToWall = Math.abs(camPos.z - wallZ);
+          if (distToWall < wallDistance && camPos.x >= wall.minX && camPos.x <= wall.maxX) {
+            // Push camera closer to player
+            newCamPos.z = playerPos.z + (wall.side === 'front' ? minCamDistance : -minCamDistance);
           }
         }
       });
-
-      return hasCollision ? playerPos : newPos;
+      
+      return newCamPos;
     }
 
     function animate() {