@project-skymap/library 0.7.1 → 0.7.3

package/dist/index.js

@@ -316,6 +316,10 @@ var BLEND_CHUNK, MASK_CHUNK;
 var init_shaders = __esm({
   "src/engine/shaders.ts"() {
     BLEND_CHUNK = `
+#ifdef GL_ES
+precision highp float;
+#endif
+
 uniform float uScale;
 uniform float uAspect;
 uniform float uBlend;
@@ -360,6 +364,10 @@ vec4 smartProject(vec4 viewPos) {
 }
 `;
     MASK_CHUNK = `
+#ifdef GL_ES
+precision highp float;
+#endif
+
 uniform float uAspect;
 uniform float uBlend;
 uniform int uProjectionType;
@@ -425,10 +433,12 @@ var init_ConstellationArtworkLayer = __esm({
     ConstellationArtworkLayer = class {
       root;
       items = [];
-      textureLoader = new THREE5.TextureLoader();
+      textureLoader;
       hoveredId = null;
       focusedId = null;
       constructor(root) {
+        this.textureLoader = new THREE5.TextureLoader();
+        this.textureLoader.crossOrigin = "anonymous";
         this.root = new THREE5.Group();
         this.root.renderOrder = -1;
         root.add(this.root);
@@ -519,12 +529,16 @@ var init_ConstellationArtworkLayer = __esm({
               // uScale, uAspect (screen) are injected by createSmartMaterial/globalUniforms
             },
             vertexShaderBody: `
+                    #ifdef GL_ES
+                    precision highp float;
+                    #endif
+
                     uniform float uSize;
                     uniform float uImgRotation;
                     uniform float uImgAspect;
-                    
+
                     varying vec2 vUv;
-                    
+
                     void main() {
                         vUv = uv;
                         
@@ -578,6 +592,9 @@ var init_ConstellationArtworkLayer = __esm({
                     }
                 `,
             fragmentShader: `
+                    #ifdef GL_ES
+                    precision highp float;
+                    #endif
                     uniform sampler2D uMap;
                     uniform float uOpacity;
                     varying vec2 vUv;
@@ -594,12 +611,23 @@ var init_ConstellationArtworkLayer = __esm({
             blending,
             side: THREE5.DoubleSide
           });
-          material.uniforms.uMap.value = this.textureLoader.load(texPath, (tex) => {
-            if (c.aspectRatio === void 0 && tex.image.width && tex.image.height) {
-              const natAspect = tex.image.width / tex.image.height;
-              material.uniforms.uImgAspect.value = natAspect;
+          material.uniforms.uMap.value = this.textureLoader.load(
+            texPath,
+            (tex) => {
+              tex.minFilter = THREE5.LinearFilter;
+              tex.magFilter = THREE5.LinearFilter;
+              tex.generateMipmaps = false;
+              tex.needsUpdate = true;
+              if (c.aspectRatio === void 0 && tex.image.width && tex.image.height) {
+                const natAspect = tex.image.width / tex.image.height;
+                material.uniforms.uImgAspect.value = natAspect;
+              }
+            },
+            void 0,
+            (err) => {
+              console.warn(`Failed to load constellation texture: ${texPath}`, err);
             }
-          });
+          );
           if (c.zBias) {
             material.polygonOffset = true;
             material.polygonOffsetFactor = -c.zBias;
@@ -822,6 +850,12 @@ var createEngine_exports = {};
 __export(createEngine_exports, {
   createEngine: () => createEngine
 });
+function triggerHaptic(style = "light") {
+  if (typeof navigator !== "undefined" && "vibrate" in navigator) {
+    const durations = { light: 10, medium: 25, heavy: 50 };
+    navigator.vibrate(durations[style]);
+  }
+}
 function createEngine({
   container,
   onSelect,
@@ -2437,6 +2471,7 @@ function createEngine({
             clientY: state.touchStartY
           };
           const hit = pick(syntheticEvent);
+          triggerHaptic("heavy");
           handlers.onLongPress?.(hit?.node ?? null, state.touchStartX, state.touchStartY);
         }
       }, ENGINE_CONFIG.longPressDelay);
@@ -2486,9 +2521,19 @@ function createEngine({
       const t1 = touches[1];
       const newDistance = getTouchDistance(t0, t1);
       const scale = newDistance / state.pinchStartDistance;
+      const prevFov = state.fov;
       state.fov = state.pinchStartFov / scale;
       state.fov = Math.max(ENGINE_CONFIG.minFov, Math.min(ENGINE_CONFIG.maxFov, state.fov));
       handlers.onFovChange?.(state.fov);
+      if (state.fov > prevFov && state.fov > ENGINE_CONFIG.zenithStartFov) {
+        const range = ENGINE_CONFIG.maxFov - ENGINE_CONFIG.zenithStartFov;
+        let t = (state.fov - ENGINE_CONFIG.zenithStartFov) / range;
+        t = Math.max(0, Math.min(1, t));
+        const bias = ENGINE_CONFIG.zenithStrength * t;
+        const zenithLat = Math.PI / 2 - 1e-3;
+        state.lat = state.lat * (1 - bias) + zenithLat * bias;
+        state.targetLat = state.lat;
+      }
       const center = getTouchCenter(t0, t1);
       const deltaX = center.x - state.lastMouseX;
       const deltaY = center.y - state.lastMouseY;
@@ -2531,6 +2576,7 @@ function createEngine({
         const hit = pick(syntheticEvent);
         if (isDoubleTap) {
           if (hit) {
+            triggerHaptic("medium");
             flyTo(hit.node.id, ENGINE_CONFIG.minFov);
             handlers.onSelect?.(hit.node);
           }
@@ -2539,6 +2585,7 @@ function createEngine({
           state.lastTapY = 0;
         } else {
           if (hit) {
+            triggerHaptic("light");
             handlers.onSelect?.(hit.node);
             constellationLayer.setFocused(hit.node.id);
             if (hit.node.level === 2) setFocusedBook(hit.node.id);