Update index.html

index.html

@@ -130,7 +130,7 @@ document.body.appendChild(vrButton);
 
 vrButton.addEventListener("click", createXRExperience);
 
-      function setupControllerInteractions(xrHelper) {
+function setupControllerInteractions(xrHelper) {
     xrHelper.input.onControllerAddedObservable.add(controller => {
         controller.onMotionControllerInitObservable.add(motionController => {
             const xrRay = motionController.getComponent("xr-standard-trigger");
@@ -142,22 +142,26 @@ vrButton.addEventListener("click", createXRExperience);
                     if (xrRay.pressed && !isProcessing) {
                         isProcessing = true;
 
-                        // Perform ray pick with minimal processing
-                        const pickResult = scene.pickWithRay(controller.pointerRay);
-
-                        if (pickResult.hit && pickResult.pickedMesh) {
-                            if (pickResult.pickedMesh.name === "npc1") {
-                                // Defer chat opening to avoid mid-frame changes
-                                setTimeout(() => {
-                                    openChat("npc1", "NPC-1", "Hello! How can I assist you today?");
-                                }, 0);
+                        // Use a try-catch block to handle any unexpected errors
+                        try {
+                            const pickResult = scene.pickWithRay(controller.pointerRay);
+
+                            if (pickResult.hit && pickResult.pickedMesh) {
+                                if (pickResult.pickedMesh.name === "npc1") {
+                                    // Defer chat opening to avoid mid-frame changes
+                                    setTimeout(() => {
+                                        openChat("npc1", "NPC-1", "Hello! How can I assist you today?");
+                                    }, 0);
+                                }
                             }
+                        } catch (err) {
+                            console.error('Error during ray interaction:', err);
+                        } finally {
+                            // Allow further interactions after a short delay
+                            setTimeout(() => {
+                                isProcessing = false;
+                            }, 200); // Adjust delay as necessary
                         }
-
-                        // Allow further interactions after a short delay
-                        setTimeout(() => {
-                            isProcessing = false;
-                        }, 200); // Adjust delay as necessary
                     }
                 });
             }
@@ -165,6 +169,23 @@ vrButton.addEventListener("click", createXRExperience);
     });
 }
 
+// Ensure the camera controls are reset when exiting VR mode
+xrHelper.baseExperience.onExitXRObservable.add(() => {
+    scene.activeCamera.attachControl(canvas, true);
+    engine.resize();
+});
+
+engine.runRenderLoop(function () {
+    if (scene.activeCamera) {
+        scene.render();
+    }
+});
+
+window.addEventListener("resize", function () {
+    if (engine) {
+        engine.resize();
+    }
+});
 
 
         // Chat System with Transformers.js