@d5techs/3dgs-lib 1.4.5 → 1.4.7

package/dist/3dgs-lib.js

@@ -439,7 +439,7 @@ class Camera {
     // 45度
     __publicField(this, "aspect", 1);
     __publicField(this, "near", 0.01);
-    __publicField(this, "far", 9e3);
+    __publicField(this, "far", 1e5);
     // 矩阵
     __publicField(this, "viewMatrix", new Float32Array(16));
     __publicField(this, "projectionMatrix", new Float32Array(16));
@@ -4269,7 +4269,7 @@ function transformSHCoeffsYZSwap$1(sh, base, perChannel) {
     for (let ch = 0; ch < 3; ch++) {
       const a = sh[base + ch];
       const b = sh[base + 3 + ch];
-      sh[base + ch] = -b;
+      sh[base + ch] = b;
       sh[base + 3 + ch] = -a;
     }
   }
@@ -4280,8 +4280,8 @@ function transformSHCoeffsYZSwap$1(sh, base, perChannel) {
       const g2 = sh[base + 15 + ch];
       const g3 = sh[base + 18 + ch];
       const g4 = sh[base + 21 + ch];
-      sh[base + 9 + ch] = -g3;
-      sh[base + 12 + ch] = g1;
+      sh[base + 9 + ch] = g3;
+      sh[base + 12 + ch] = -g1;
       sh[base + 15 + ch] = -0.5 * g2 - SQRT3_2 * g4;
       sh[base + 18 + ch] = -g0;
       sh[base + 21 + ch] = -SQRT3_2 * g2 + 0.5 * g4;
@@ -4299,9 +4299,9 @@ function transformSHCoeffsYZSwap$1(sh, base, perChannel) {
       const g4 = sh[base + 36 + ch];
       const g5 = sh[base + 39 + ch];
       const g6 = sh[base + 42 + ch];
-      sh[base + 24 + ch] = A * g3 - B * g5;
-      sh[base + 27 + ch] = g1;
-      sh[base + 30 + ch] = B * g3 + A * g5;
+      sh[base + 24 + ch] = -A * g3 + B * g5;
+      sh[base + 27 + ch] = -g1;
+      sh[base + 30 + ch] = -B * g3 - A * g5;
       sh[base + 33 + ch] = A * g0 + B * g2;
       sh[base + 36 + ch] = -0.25 * g4 - P * g6;
       sh[base + 39 + ch] = -B * g0 + A * g2;
@@ -4539,13 +4539,13 @@ async function loadPLY(url, options = {}) {
       transformSHCoeffsYZSwap$1(shRestBuffer, shOffset, perChannel);
     }
     splats[i] = {
-      mean: swapYZ ? [x, z, y] : [x, y, z],
+      mean: swapYZ ? [x, z, -y] : [x, y, z],
       scale: swapYZ ? [scale_0, scale_2, scale_1] : [scale_0, scale_1, scale_2],
       rotation: swapYZ ? [
-        -rot_0 * qnorm,
+        rot_0 * qnorm,
         rot_1 * qnorm,
         rot_3 * qnorm,
-        rot_2 * qnorm
+        -rot_2 * qnorm
       ] : [
         rot_0 * qnorm,
         rot_1 * qnorm,
@@ -4583,7 +4583,7 @@ function transformSHCoeffsYZSwap(sh, base, perChannel) {
     for (let ch = 0; ch < 3; ch++) {
       const a = sh[base + ch];
       const b = sh[base + 3 + ch];
-      sh[base + ch] = -b;
+      sh[base + ch] = b;
       sh[base + 3 + ch] = -a;
     }
   }
@@ -4594,8 +4594,8 @@ function transformSHCoeffsYZSwap(sh, base, perChannel) {
       const g2 = sh[base + 15 + ch];
       const g3 = sh[base + 18 + ch];
       const g4 = sh[base + 21 + ch];
-      sh[base + 9 + ch] = -g3;
-      sh[base + 12 + ch] = g1;
+      sh[base + 9 + ch] = g3;
+      sh[base + 12 + ch] = -g1;
       sh[base + 15 + ch] = -0.5 * g2 - SQRT3_2 * g4;
       sh[base + 18 + ch] = -g0;
       sh[base + 21 + ch] = -SQRT3_2 * g2 + 0.5 * g4;
@@ -4613,9 +4613,9 @@ function transformSHCoeffsYZSwap(sh, base, perChannel) {
       const g4 = sh[base + 36 + ch];
       const g5 = sh[base + 39 + ch];
       const g6 = sh[base + 42 + ch];
-      sh[base + 24 + ch] = A * g3 - B * g5;
-      sh[base + 27 + ch] = g1;
-      sh[base + 30 + ch] = B * g3 + A * g5;
+      sh[base + 24 + ch] = -A * g3 + B * g5;
+      sh[base + 27 + ch] = -g1;
+      sh[base + 30 + ch] = -B * g3 - A * g5;
       sh[base + 33 + ch] = A * g0 + B * g2;
       sh[base + 36 + ch] = -0.25 * g4 - P * g6;
       sh[base + 39 + ch] = -B * g0 + A * g2;
@@ -4910,7 +4910,7 @@ async function parsePLYBuffer(buffer, options = {}) {
     const pz = offsets.z >= 0 ? readProperty(dataView, base + offsets.z, types.z, littleEndian) : 0;
     positions[outputIdx * 3 + 0] = px;
     positions[outputIdx * 3 + 1] = swapYZ ? pz : py;
-    positions[outputIdx * 3 + 2] = swapYZ ? py : pz;
+    positions[outputIdx * 3 + 2] = swapYZ ? -py : pz;
     const sx = offsets.scale_0 >= 0 ? Math.exp(readProperty(dataView, base + offsets.scale_0, types.scale_0, littleEndian)) : 1;
     const sy = offsets.scale_1 >= 0 ? Math.exp(readProperty(dataView, base + offsets.scale_1, types.scale_1, littleEndian)) : 1;
     const sz = offsets.scale_2 >= 0 ? Math.exp(readProperty(dataView, base + offsets.scale_2, types.scale_2, littleEndian)) : 1;
@@ -4924,10 +4924,10 @@ async function parsePLYBuffer(buffer, options = {}) {
     const qlen = Math.sqrt(rot_0 * rot_0 + rot_1 * rot_1 + rot_2 * rot_2 + rot_3 * rot_3);
     const qnorm = qlen > 0 ? 1 / qlen : 1;
     if (swapYZ) {
-      rotations[outputIdx * 4 + 0] = -rot_0 * qnorm;
+      rotations[outputIdx * 4 + 0] = rot_0 * qnorm;
       rotations[outputIdx * 4 + 1] = rot_1 * qnorm;
       rotations[outputIdx * 4 + 2] = rot_3 * qnorm;
-      rotations[outputIdx * 4 + 3] = rot_2 * qnorm;
+      rotations[outputIdx * 4 + 3] = -rot_2 * qnorm;
     } else {
       rotations[outputIdx * 4 + 0] = rot_0 * qnorm;
       rotations[outputIdx * 4 + 1] = rot_1 * qnorm;
@@ -5585,8 +5585,16 @@ async function decodeWebP(bytes) {
   });
   const w = bitmap.width;
   const h = bitmap.height;
-  const canvas = new OffscreenCanvas(w, h);
-  const ctx = canvas.getContext("2d");
+  let ctx;
+  if (typeof OffscreenCanvas !== "undefined") {
+    const oc = new OffscreenCanvas(w, h);
+    ctx = oc.getContext("2d");
+  } else {
+    const hc = document.createElement("canvas");
+    hc.width = w;
+    hc.height = h;
+    ctx = hc.getContext("2d");
+  }
   ctx.drawImage(bitmap, 0, 0);
   bitmap.close();
   return { width: w, height: h, data: ctx.getImageData(0, 0, w, h).data };
@@ -9413,6 +9421,7 @@ class GSSplatRendererMobile {
       const memoryMB = (this.compressedTextures.width * this.compressedTextures.height * 52 / // 约 52 bytes per texel (16+16+16+4)
       (1024 * 1024)).toFixed(2);
     } catch (error) {
+      console.error("[GSSplatRendererMobile] setCompactData failed:", error);
       this.splatCount = 0;
       this.compressedTextures = null;
       this.sorter = null;
@@ -16346,6 +16355,7 @@ class App {
    */
   async addSplat(urlOrBuffer, onProgress, isLocalFile = false, coordinateSystem = "blender") {
     try {
+      const isMobile = isMobileDevice();
       let buffer;
       if (typeof urlOrBuffer === "string") {
         buffer = await this.fetchWithProgress(urlOrBuffer, (downloadProgress) => {
@@ -16364,26 +16374,67 @@ class App {
       if (coordinateSystem === "blender") {
         for (const s of splats) {
           const [mx, my, mz] = s.mean;
-          s.mean = [mx, mz, my];
+          s.mean = [mx, mz, -my];
           const [sx, sy, sz] = s.scale;
           s.scale = [sx, sz, sy];
           const [rw, rx, ry, rz] = s.rotation;
-          s.rotation = [-rw, rx, rz, ry];
+          s.rotation = [rw, rx, rz, -ry];
         }
       }
       if (onProgress) onProgress(90, "parse");
       if (onProgress) onProgress(90, "upload");
-      const gsRenderer = new GSSplatRenderer(this.renderer, this.camera);
-      gsRenderer.setData(splats);
+      let gsRenderer;
+      if (isMobile) {
+        const mobileRenderer = new GSSplatRendererMobile(this.renderer, this.camera);
+        this.useMobileRenderer = true;
+        const compactData = App.splatCpuToCompactData(splats);
+        mobileRenderer.setCompactData(compactData);
+        this.lastCompactData = compactData;
+        gsRenderer = mobileRenderer;
+      } else {
+        const desktopRenderer = new GSSplatRenderer(this.renderer, this.camera);
+        this.useMobileRenderer = false;
+        desktopRenderer.setData(splats);
+        gsRenderer = desktopRenderer;
+      }
       this.sceneManager.setGSRenderer(gsRenderer);
       this.hotspotManager.setGSRenderer(gsRenderer);
-      this.useMobileRenderer = false;
       if (onProgress) onProgress(100, "upload");
       return splats.length;
     } catch (error) {
       throw error;
     }
   }
+  /**
+   * 将 SplatCPU[] 转换为 CompactSplatData（用于移动端渲染器）
+   */
+  static splatCpuToCompactData(splats) {
+    const count = splats.length;
+    const positions = new Float32Array(count * 3);
+    const scales = new Float32Array(count * 3);
+    const rotations = new Float32Array(count * 4);
+    const colors = new Float32Array(count * 3);
+    const opacities = new Float32Array(count);
+    for (let i = 0; i < count; i++) {
+      const s = splats[i];
+      const i3 = i * 3, i4 = i * 4;
+      positions[i3] = s.mean[0];
+      positions[i3 + 1] = s.mean[1];
+      positions[i3 + 2] = s.mean[2];
+      scales[i3] = s.scale[0];
+      scales[i3 + 1] = s.scale[1];
+      scales[i3 + 2] = s.scale[2];
+      rotations[i4] = s.rotation[0];
+      rotations[i4 + 1] = s.rotation[1];
+      rotations[i4 + 2] = s.rotation[2];
+      rotations[i4 + 3] = s.rotation[3];
+      colors[i3] = s.colorDC[0];
+      colors[i3 + 1] = s.colorDC[1];
+      colors[i3 + 2] = s.colorDC[2];
+      opacities[i] = s.opacity;
+    }
+    return { count, positions, scales, rotations, colors, opacities };
+  }
   /**
    * 加载 SOG 文件 (Spatially Ordered Gaussians)
    * @param coordinateSystem 源数据坐标系，默认 'blender'（Z-up → Y-up 自动转换）
@@ -16416,14 +16467,13 @@ class App {
           const i3 = i * 3, i4 = i * 4;
           const py = positions[i3 + 1], pz = positions[i3 + 2];
           positions[i3 + 1] = pz;
-          positions[i3 + 2] = py;
+          positions[i3 + 2] = -py;
           const sy = scales[i3 + 1], sz = scales[i3 + 2];
           scales[i3 + 1] = sz;
           scales[i3 + 2] = sy;
-          const rw = rotations[i4], ry = rotations[i4 + 2], rz = rotations[i4 + 3];
-          rotations[i4] = -rw;
+          const ry = rotations[i4 + 2], rz = rotations[i4 + 3];
           rotations[i4 + 2] = rz;
-          rotations[i4 + 3] = ry;
+          rotations[i4 + 3] = -ry;
           if (shCoeffs) {
             transformSHCoeffsYZSwap(shCoeffs, i * 45, 15);
           }