@project-skymap/library 0.7.2 → 0.7.4

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);
@@ -444,6 +454,7 @@ var init_ConstellationArtworkLayer = __esm({
       }
       load(config, getPosition) {
         this.clear();
+        console.log(`[Constellation] Loading ${config.constellations.length} constellations from ${config.atlasBasePath}`);
         const basePath = config.atlasBasePath.replace(/\/$/, "");
         config.constellations.forEach((c) => {
           let center = new THREE5.Vector3();
@@ -519,12 +530,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 +593,9 @@ var init_ConstellationArtworkLayer = __esm({
                     }
                 `,
             fragmentShader: `
+                    #ifdef GL_ES
+                    precision highp float;
+                    #endif
                     uniform sampler2D uMap;
                     uniform float uOpacity;
                     varying vec2 vUv;
@@ -594,12 +612,25 @@ 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;
+              }
+              console.log(`[Constellation] Loaded: ${c.id} (${tex.image.width}x${tex.image.height})`);
+            },
+            (progress) => {
+            },
+            (err) => {
+              console.error(`[Constellation] Failed to load: ${texPath}`, err);
             }
-          });
+          );
           if (c.zBias) {
             material.polygonOffset = true;
             material.polygonOffsetFactor = -c.zBias;
@@ -618,7 +649,9 @@ var init_ConstellationArtworkLayer = __esm({
       }
       update(fov, showArt) {
         this.root.visible = showArt;
-        if (!showArt) return;
+        if (!showArt) {
+          return;
+        }
         for (const item of this.items) {
           const { fade } = item.config;
           let opacity = fade.maxOpacity;
@@ -939,6 +972,8 @@ function createEngine({
     if (currentConfig?.fitProjection) {
       if (aspect > 1) {
         scale /= aspect;
+      } else {
+        scale *= aspect;
       }
     }
     globalUniforms.uScale.value = scale;
@@ -2493,9 +2528,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;