Update tooltips.js

tooltips.js

@@ -20,31 +20,24 @@ export async function initializeTooltips(options) {
     moveDuration = 0.6
   } = options;
 
-  if (!app || !cameraEntity || !tooltipsUrl) {
-    console.error("tooltips.js → missing required initialization options");
-    return;
-  }
+  if (!app || !cameraEntity || !tooltipsUrl) return;
 
-  // Load JSON of tooltips:
+  // Load tooltips
   let tooltipsData;
   try {
     const resp = await fetch(tooltipsUrl);
     tooltipsData = await resp.json();
   } catch (e) {
-    console.error("tooltips.js → failed fetching tooltips.json:", e);
-    return;
-  }
-  if (!Array.isArray(tooltipsData)) {
-    console.error("tooltips.js → tooltips.json must be an array");
     return;
   }
+  if (!Array.isArray(tooltipsData)) return;
 
   const tooltipEntities = [];
 
   // Create a material for tooltip spheres
   const mat = new pc.StandardMaterial();
-  mat.diffuse = new pc.Color(1, 0.8, 0.7);
-  mat.specular = new pc.Color(1, 0.7, 0.2);
+  mat.diffuse = new pc.Color(1, 0.8, 0);
+  mat.specular = new pc.Color(1, 1, 1);
   mat.shininess = 20;
   mat.update();
 
@@ -56,8 +49,6 @@ export async function initializeTooltips(options) {
     const sphere = new pc.Entity("tooltip-" + i);
     sphere.addComponent("model", { type: "sphere" });
     sphere.model.material = mat;
-
-    // Scale small (primitive sphere radius = 0.5)
     sphere.setLocalScale(0.05, 0.05, 0.05);
     sphere.setLocalPosition(x, y, z);
     sphere.tooltipData = { title, description, imgUrl };
@@ -79,19 +70,11 @@ export async function initializeTooltips(options) {
     setTooltipsVisibility(!!visible);
   });
 
-  // Keep track of any in-flight camera tween so we can cancel it
+  // Cancel in-flight camera tween
   let currentTween = null;
 
-  // On mouse down (or touch equivalent), perform manual ray‐sphere intersection
-  app.mouse.on(pc.EVENT_MOUSEDOWN, (event) => {
-    // If a tween is running, cancel it immediately
-    if (currentTween) {
-      app.off("update", currentTween);
-      currentTween = null;
-    }
-
-    const x = event.x;
-    const y = event.y;
+  // Tooltip pick logic (for both mouse/tap)
+  function pickTooltip(x, y) {
     const from = new pc.Vec3();
     const to   = new pc.Vec3();
     const camera = cameraEntity.camera;
@@ -100,7 +83,6 @@ export async function initializeTooltips(options) {
     camera.screenToWorld(x, y, camera.farClip, to);
 
     const dir = new pc.Vec3().sub2(to, from).normalize();
-
     let closestT = Infinity;
     let pickedEntity = null;
 
@@ -132,18 +114,40 @@ export async function initializeTooltips(options) {
       }));
       tweenCameraToTooltip(pickedEntity, moveDuration);
     }
-  });
+  }
 
-  // Also close tooltip panel if user interacts (mouse or touch) on the canvas
+  // Mouse picking
   const canvasId = app.graphicsDevice.canvas.id;
   const htmlCanvas = document.getElementById(canvasId);
+  if (htmlCanvas) {
+    htmlCanvas.addEventListener("mousedown", (event) => {
+      if (currentTween) {
+        app.off("update", currentTween);
+        currentTween = null;
+      }
+      pickTooltip(event.offsetX * window.devicePixelRatio, event.offsetY * window.devicePixelRatio);
+    }, { passive: false });
+
+    // Touch picking (for iOS/Android)
+    htmlCanvas.addEventListener("touchstart", (event) => {
+      if (event.touches.length === 1) {
+        const rect = htmlCanvas.getBoundingClientRect();
+        const x = (event.touches[0].clientX - rect.left) * window.devicePixelRatio;
+        const y = (event.touches[0].clientY - rect.top) * window.devicePixelRatio;
+        pickTooltip(x, y);
+        event.preventDefault();
+      }
+    }, { passive: false });
+  }
+
+  // Also close tooltip panel if user interacts (mouse or touch) on the canvas
   if (htmlCanvas) {
     htmlCanvas.addEventListener("mousedown", () => {
       document.dispatchEvent(new CustomEvent("hide-tooltip"));
     });
     htmlCanvas.addEventListener("touchstart", () => {
       document.dispatchEvent(new CustomEvent("hide-tooltip"));
-    });
+    }, { passive: false });
   }
 
   // Helper to normalize angle difference into [-180, +180]