Update interface.js

interface.js

@@ -95,17 +95,6 @@ const currentScriptTag = document.currentScript;
       <div id="menu-content-${instanceId}" class="menu-content">
         <span id="help-close-${instanceId}" class="help-close">×</span>
         <div class="help-text">
-          ${isMobile ? `
-            - Pour vous déplacer, glissez deux doigts sur l'écran.<br>
-            - Pour orbiter, utilisez un doigt.<br>
-            - Pour zoomer, pincez avec deux doigts.<br>
-            - Cliquez sur ⦿ pour afficher/masquer les points d’information.
-          ` : `
-            - orbitez avec le clic droit<br>
-            - zoomez avec la molette<br>
-            - déplacez vous avec le clic gauche<br>
-            - Cliquez sur ⦿ pour afficher/masquer les points d’information.
-          `}
         </div>
       </div>
     </div>
@@ -129,6 +118,7 @@ const currentScriptTag = document.currentScript;
   const resetCameraBtn      = document.getElementById('reset-camera-btn-' + instanceId);
   const pointsToggleBtn     = document.getElementById('points-toggle-' + instanceId);
   const menuContent         = document.getElementById('menu-content-' + instanceId);
+  const helpTextDiv         = menuContent.querySelector('.help-text');
 
   // Tooltip elements
   const tooltipDiv       = document.getElementById('point-tooltip');
@@ -136,6 +126,27 @@ const currentScriptTag = document.currentScript;
   const tooltipImage     = document.getElementById('point-tooltip-image');
   const tooltipCloseBtn  = document.getElementById('point-tooltip-close');
 
+  // ─── 6a. Detect mobile vs. desktop ────────────────────────────────────────────
+  const isIOS    = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
+  const isMobile = isIOS || /Android/i.test(navigator.userAgent);
+
+  // Fill help text with appropriate instructions
+  if (isMobile) {
+    helpTextDiv.innerHTML = `
+      - Pour vous déplacer, glissez deux doigts sur l'écran.<br>
+      - Pour orbiter, utilisez un doigt.<br>
+      - Pour zoomer, pincez avec deux doigts.<br>
+      - Cliquez sur ⦿ pour afficher/masquer les points d’information.
+    `;
+  } else {
+    helpTextDiv.innerHTML = `
+      - orbitez avec le clic droit<br>
+      - zoomez avec la molette<br>
+      - déplacez vous avec le clic gauche<br>
+      - Cliquez sur ⦿ pour afficher/masquer les points d’information.
+    `;
+  }
+
   // Ensure instructions panel is visible by default
   menuContent.style.display = 'block';