@next2d/webgpu 3.0.1 → 3.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next2d/webgpu",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "Next2D WebGPU Package",
   "author": "Toshiyuki Ienaga<ienaga@next2d.app> (https://github.com/ienaga/)",
   "license": "MIT",
@@ -24,7 +24,7 @@
     "url": "git+https://github.com/Next2D/Player.git"
   },
   "dependencies": {
-    "@next2d/texture-packer": "3.0.1",
-    "@next2d/render-queue": "3.0.1"
+    "@next2d/texture-packer": "3.0.2",
+    "@next2d/render-queue": "3.0.2"
   }
 }

package/src/Context.d.ts

@@ -59,6 +59,7 @@ export declare class Context {
     private fillDynamicBindGroupBuffer;
     private nodeClearQuadBuffer;
     private useOptimizedInstancing;
+    private $needsReconfigure;
     private readonly $uniformData8;
     private readonly $scissorRect;
     private readonly $filterConfig;

package/src/Context.js

@@ -452,6 +452,14 @@ export class Context {
             writable: true,
             value: true
         });
+        // リサイズ後にcanvasContextの再設定が必要かどうか
+        // ($resizeComplete()でcanvas.width/heightが設定された後、ensureMainTexture()でconfigure()を呼ぶ)
+        Object.defineProperty(this, "$needsReconfigure", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
         // Hot Path 用の事前割り当てバッファ
         Object.defineProperty(this, "$uniformData8", {
             enumerable: true,
@@ -636,13 +644,9 @@ export class Context {
         this.currentRenderTarget = null;
         // マスク状態をリセット
         $resetMaskState();
-        // キャンバスのサイズを更新
-        const canvas = this.canvasContext.canvas;
-        // 型チェックを安全に実行（Worker環境対応）
-        if (canvas && "width" in canvas && "height" in canvas) {
-            canvas.width = width;
-            canvas.height = height;
-        }
+        // キャンバスのサイズ更新は$resizeComplete()に任せる
+        // WebGPUではcanvas.width/height設定でコンテキストが暗黙的にunconfigureされるため、
+        // 描画フレーム開始前に$resizeComplete()→configure()→getCurrentTexture()の順で実行する
         // WebGL版と同じ: スタックにあるアタッチメントも解放
         if (this.$stackAttachmentObject.length) {
             for (let idx = 0; idx < this.$stackAttachmentObject.length; ++idx) {
@@ -686,12 +690,9 @@ export class Context {
         }
         // アンバインド（WebGL版と同じ）
         this.frameBufferManager.setCurrentAttachment(null);
-        // canvasContextを再設定
-        this.canvasContext.configure({
-            "device": this.device,
-            "format": this.preferredFormat,
-            "alphaMode": "premultiplied"
-        });
+        // canvasContextの再設定はensureMainTexture()で行う
+        // $resizeComplete()でcanvas.width/heightが設定された後にconfigure()→getCurrentTexture()を実行するため
+        this.$needsReconfigure = true;
         // リサイズ時にスワップチェーンテクスチャをリセット
         // 古いテクスチャ参照を解放して、次のフレームで新しいサイズのテクスチャを取得
         this.mainTexture = null;
@@ -2014,6 +2015,16 @@ export class Context {
      */
     ensureMainTexture() {
         if (!this.mainTexture) {
+            // リサイズ後はcanvas.width/heightが$resizeComplete()で更新されているので
+            // ここでconfigure()を呼んでからgetCurrentTexture()を取得する
+            if (this.$needsReconfigure) {
+                this.canvasContext.configure({
+                    "device": this.device,
+                    "format": this.preferredFormat,
+                    "alphaMode": "premultiplied"
+                });
+                this.$needsReconfigure = false;
+            }
             this.mainTexture = this.canvasContext.getCurrentTexture();
             this.mainTextureView = this.mainTexture.createView();
         }