@spatialwalk/avatarkit 1.0.0-beta.92 → 1.0.0-beta.93

package/dist/{index-C2higMlc.js → index-CDywZ8iv.js}

@@ -9495,7 +9495,7 @@ const _AnimationPlayer = class _AnimationPlayer {
     if (this.streamingPlayer) {
       return;
     }
-    const { StreamingAudioPlayer } = await import("./StreamingAudioPlayer-eQ2RRq5U.js");
+    const { StreamingAudioPlayer } = await import("./StreamingAudioPlayer-DWVeTI7D.js");
     const { AvatarSDK: AvatarSDK2 } = await Promise.resolve().then(() => AvatarSDK$1);
     const audioFormat = AvatarSDK2.getAudioFormat();
     this.streamingPlayer = new StreamingAudioPlayer({
@@ -15678,6 +15678,9 @@ class WebGPURenderer {
     __publicField(this, "blitUniformBuffer", null);
     __publicField(this, "blitQuadBuffer", null);
     __publicField(this, "blitSampler", null);
+    // 记录上次 configure 时的 canvas 尺寸，用于检测 resize
+    __publicField(this, "configuredWidth", 0);
+    __publicField(this, "configuredHeight", 0);
     this.canvas = canvas;
     this.backgroundColor = backgroundColor || [0, 0, 0, 0];
     this.alpha = alpha;
@@ -15698,15 +15701,34 @@ class WebGPURenderer {
       throw new Error("WebGPU: Failed to get canvas context");
     }
     this.presentationFormat = navigator.gpu.getPreferredCanvasFormat();
+    this.configureContext();
+    this.createUniformBuffer();
+    this.createQuadVertexBuffer();
+    await this.createRenderPipeline();
+    await this.createBlitPipeline();
+  }
+  /**
+   * 配置 WebGPU context 并记录尺寸
+   */
+  configureContext() {
+    if (!this.context || !this.device)
+      return;
     this.context.configure({
       device: this.device,
       format: this.presentationFormat,
       alphaMode: this.alpha ? "premultiplied" : "opaque"
     });
-    this.createUniformBuffer();
-    this.createQuadVertexBuffer();
-    await this.createRenderPipeline();
-    await this.createBlitPipeline();
+    this.configuredWidth = this.canvas.width;
+    this.configuredHeight = this.canvas.height;
+  }
+  /**
+   * 检测 canvas 尺寸变化，必要时重新 configure context
+   * 防止 tab 切换等场景下 surface 尺寸与 canvas 尺寸不一致导致渲染错位
+   */
+  ensureContextSize() {
+    if (this.canvas.width !== this.configuredWidth || this.canvas.height !== this.configuredHeight) {
+      this.configureContext();
+    }
   }
   /**
    * 创建 Uniform Buffer
@@ -16126,6 +16148,7 @@ class WebGPURenderer {
       return;
     if (this.splatCount === 0 || !this.storageBindGroup)
       return;
+    this.ensureContextSize();
     const [width, height] = screenSize;
     const needsTransform = transform && (transform.x !== 0 || transform.y !== 0 || transform.scale !== 1);
     this.updateUniforms(viewMatrix, projectionMatrix, screenSize);
@@ -16358,6 +16381,14 @@ class RenderSystem {
     __publicField(this, "offsetX", 0);
     __publicField(this, "offsetY", 0);
     __publicField(this, "scale", 1);
+    /**
+     * Load packed Splat data (zero-copy, GPU format)
+     * Directly receives WASM packed data
+     *
+     * @param packedData Float32Array [pos3, color4, cov6] x N points
+     */
+    // @debug: dump first frame flag
+    __publicField(this, "_dumpedFirstFrame", false);
     this.options = options;
     this.canvas = options.canvas;
     this.backgroundColor = options.backgroundColor || [0, 0, 0, 0];
@@ -16401,15 +16432,28 @@ class RenderSystem {
     logger.log("✅ Using WebGL renderer");
     this.updateCameraAspect();
   }
-  /**
-   * Load packed Splat data (zero-copy, GPU format)
-   * Directly receives WASM packed data
-   *
-   * @param packedData Float32Array [pos3, color4, cov6] x N points
-   */
   loadSplatsFromPackedData(packedData) {
     if (!this.renderer)
       throw new Error("Renderer not initialized");
+    if (!this._dumpedFirstFrame) {
+      this._dumpedFirstFrame = true;
+      const pointCount = Math.floor(packedData.length / 13);
+      console.log(`[DEBUG] First frame packed data: ${pointCount} points, ${packedData.length} floats`);
+      for (let i2 = 0; i2 < Math.min(5, pointCount); i2++) {
+        const o2 = i2 * 13;
+        console.log(`[DEBUG] Point ${i2}: pos(${packedData[o2]}, ${packedData[o2 + 1]}, ${packedData[o2 + 2]}) color(${packedData[o2 + 3]}, ${packedData[o2 + 4]}, ${packedData[o2 + 5]}, ${packedData[o2 + 6]}) covA(${packedData[o2 + 7]}, ${packedData[o2 + 8]}, ${packedData[o2 + 9]}) covB(${packedData[o2 + 10]}, ${packedData[o2 + 11]}, ${packedData[o2 + 12]})`);
+      }
+      const copy = new ArrayBuffer(packedData.byteLength);
+      new Uint8Array(copy).set(new Uint8Array(packedData.buffer, packedData.byteOffset, packedData.byteLength));
+      const blob = new Blob([copy], { type: "application/octet-stream" });
+      const url = URL.createObjectURL(blob);
+      const a2 = document.createElement("a");
+      a2.href = url;
+      a2.download = "core_packed_first_frame.bin";
+      a2.click();
+      URL.revokeObjectURL(url);
+      console.log("[DEBUG] Packed data downloaded as core_packed_first_frame.bin");
+    }
     this.originalPackedData = packedData;
   }
   /**

package/dist/index.js

@@ -1,4 +1,4 @@
-import { b, c, m, f, d, j, g, C, i, D, E, k, h, L, R, n } from "./index-C2higMlc.js";
+import { b, c, m, f, d, j, g, C, i, D, E, k, h, L, R, n } from "./index-CDywZ8iv.js";
 export {
   b as Avatar,
   c as AvatarController,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spatialwalk/avatarkit",
   "type": "module",
-  "version": "1.0.0-beta.92",
+  "version": "1.0.0-beta.93",
   "packageManager": "pnpm@10.18.2",
   "description": "AvatarKit SDK - 3D Gaussian Splatting Avatar Rendering SDK",
   "author": "AvatarKit Team",