@almadar/ui 5.111.0 → 5.113.0

package/dist/lib/drawable/three/index.cjs

@@ -796,14 +796,12 @@ function useBillboardTexture(url) {
       url,
       (texture) => {
         if (!active) return;
-        console.log("[SpriteBillboard] texture loaded", url, texture.image?.width, texture.image?.height);
         texture.colorSpace = THREE9__namespace.SRGBColorSpace;
         setState({ texture, error: false });
       },
       void 0,
-      (err) => {
+      () => {
         if (!active) return;
-        console.error("[SpriteBillboard] texture load error", url, err);
         setState({ texture: null, error: true });
       }
     );
@@ -823,11 +821,9 @@ function useAtlasFrame(asset) {
     if (!isAtlasAsset(asset)) return { frame: null, ready: true };
     const atlas = getAtlas(asset.atlas, () => setTick((t) => t + 1));
     if (!atlas) {
-      console.log("[SpriteBillboard] atlas not ready", asset.atlas, asset.sprite);
       return { frame: null, ready: false };
     }
     const r = subRectFor(atlas, asset.sprite);
-    console.log("[SpriteBillboard] atlas frame", asset.atlas, asset.sprite, r);
     if (!r) return { frame: null, ready: true };
     return { frame: { x: r.sx, y: r.sy, w: r.sw, h: r.sh }, ready: true };
   }, [asset, tick]);
@@ -837,7 +833,6 @@ function SpriteBillboard({ node, world }) {
   const { frame: atlasFrame, ready: atlasReady } = useAtlasFrame(node.asset);
   const frame = node.frame ?? atlasFrame;
   const anchor = node.anchor ?? "top-left";
-  console.log("[SpriteBillboard] render", node.asset.url, anchor, frame, "texture?", !!texture, "atlasReady?", atlasReady);
   const size = React3__default.default.useMemo(() => {
     const img = texture?.image;
     const imgW = img?.width || 1;
@@ -852,6 +847,12 @@ function SpriteBillboard({ node, world }) {
     const width = node.width ?? height * aspect;
     return { width, height, imgW, imgH };
   }, [texture, frame, node.height, node.width, anchor]);
+  const groundGeometry = React3__default.default.useMemo(() => {
+    if (anchor !== "top-left" || !texture || !atlasReady) return null;
+    const g = new THREE9__namespace.PlaneGeometry(size.width, size.height);
+    g.rotateX(-Math.PI / 2);
+    return g;
+  }, [anchor, texture, atlasReady, size.width, size.height]);
   if (!texture || !atlasReady) {
     if (anchor === "top-left") {
       return /* @__PURE__ */ jsxRuntime.jsx("group", { position: [world[0] + size.width / 2, 0.02, world[2] + size.height / 2], children: /* @__PURE__ */ jsxRuntime.jsxs("mesh", { rotation: [-Math.PI / 2, 0, 0], children: [
@@ -864,22 +865,12 @@ function SpriteBillboard({ node, world }) {
       /* @__PURE__ */ jsxRuntime.jsx("meshBasicMaterial", { color: textureError ? 16729156 : 8947848, transparent: true, opacity: 0.6, side: THREE9__namespace.DoubleSide })
     ] }) });
   }
-  const groundGeometry = React3__default.default.useMemo(() => {
-    if (anchor !== "top-left" || !texture || !atlasReady) return null;
-    const g = new THREE9__namespace.PlaneGeometry(size.width, size.height);
-    g.rotateX(-Math.PI / 2);
-    if (frame) {
-      const u0 = frame.x / size.imgW;
-      const v0 = 1 - (frame.y + frame.h) / size.imgH;
-      const u1 = u0 + frame.w / size.imgW;
-      const v1 = v0 + frame.h / size.imgH;
-      const uvs = new Float32Array([u0, v1, u1, v1, u0, v0, u1, v0]);
-      g.setAttribute("uv", new THREE9__namespace.BufferAttribute(uvs, 2));
-    }
-    return g;
-  }, [anchor, texture, atlasReady, size.width, size.height, size.imgW, size.imgH, frame]);
   texture.magFilter = texture.minFilter = THREE9__namespace.NearestFilter;
   texture.needsUpdate = true;
+  if (frame) {
+    texture.repeat.set(frame.w / size.imgW, frame.h / size.imgH);
+    texture.offset.set(frame.x / size.imgW, 1 - (frame.y + frame.h) / size.imgH);
+  }
   if (anchor === "top-left") {
     return /* @__PURE__ */ jsxRuntime.jsx("group", { position: [world[0] + size.width / 2, 0.01, world[2] + size.height / 2], children: /* @__PURE__ */ jsxRuntime.jsx("mesh", { geometry: groundGeometry ?? void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
       "meshBasicMaterial",
@@ -892,10 +883,6 @@ function SpriteBillboard({ node, world }) {
       }
     ) }) });
   }
-  if (frame) {
-    texture.repeat.set(frame.w / size.imgW, frame.h / size.imgH);
-    texture.offset.set(frame.x / size.imgW, 1 - (frame.y + frame.h) / size.imgH);
-  }
   return /* @__PURE__ */ jsxRuntime.jsx(drei.Billboard, { position: [world[0], world[1] + size.height / 2, world[2]], children: /* @__PURE__ */ jsxRuntime.jsxs("mesh", { children: [
     /* @__PURE__ */ jsxRuntime.jsx("planeGeometry", { args: [size.width, size.height] }),
     /* @__PURE__ */ jsxRuntime.jsx(