Update index.js

index.js

@@ -1,9 +1,10 @@
 (function() {
-  // --- Outer scope variables for camera state ---
+  // --- Outer scope variables for camera state and previous position ---
   let cameraInstance = null;
   let controlsInstance = null;
   let initialCameraPosition = null;
   let initialCameraRotation = null;
+  let prevCameraPos = null;
 
   // Helper: Get query parameters from THIS script’s src URL.
   function getScriptQueryParam(param) {
@@ -28,6 +29,15 @@
   var minAngle = parseFloat(getScriptQueryParam("minAngle") || "0");
   var maxAngle = parseFloat(getScriptQueryParam("maxAngle") || "360");
 
+  // Optional parameters for translation limits.
+  // Defaults: for example, -10 to 10 for each axis.
+  var minX = parseFloat(getScriptQueryParam("minX") || "-10");
+  var maxX = parseFloat(getScriptQueryParam("maxX") || "10");
+  var minY = parseFloat(getScriptQueryParam("minY") || "-10");
+  var maxY = parseFloat(getScriptQueryParam("maxY") || "10");
+  var minZ = parseFloat(getScriptQueryParam("minZ") || "-10");
+  var maxZ = parseFloat(getScriptQueryParam("maxZ") || "10");
+
   // Detect if the device is iOS.
   var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
 
@@ -300,6 +310,8 @@
     controlsInstance = controls;
     initialCameraPosition = camera.position.clone();
     initialCameraRotation = camera.rotation.clone();
+    // Initialize previous camera position as the initial state.
+    prevCameraPos = camera.position.clone();
 
     canvas.style.background = "#FEFEFD";
     controls.maxZoom = maxZoom;
@@ -331,7 +343,22 @@
     };
 
     const frame = () => {
+      // Save the current camera position
+      let currentPos = camera.position.clone();
       controls.update();
+
+      // Check if any axis exceeds its allowed limits.
+      if (currentPos.x < minX || currentPos.x > maxX ||
+          currentPos.y < minY || currentPos.y > maxY ||
+          currentPos.z < minZ || currentPos.z > maxZ) {
+        // Restore previous allowed position.
+        camera.position = prevCameraPos.clone();
+        // Optionally, you could also update controlsInstance target here if accessible.
+      } else {
+        // Otherwise, update prevCameraPos.
+        prevCameraPos = camera.position.clone();
+      }
+
       renderer.render(scene, camera);
       requestAnimationFrame(frame);
     };