@openheart/tavio-renderer 2.3.12-with-wasm → 2.3.13-with-wasm

package/build/esm/index.js

@@ -42275,6 +42275,8 @@ class Core extends EventEmitter {
   animationController;
   pathAnimationLocked = false;
   // パスアニメーション中にsetControlsTypeを無効化するフラグ
+  /** WebGLRenderer.getSize 用（RenderView は論理ピクセル。canvas バッファ実寸とは別） */
+  _rendererLogicalSize = new Vector2();
   /**
    * インスタンスが発火するイベント
    * ※実際には TavioMesh が発火するイベントをリレーする
@@ -43555,21 +43557,21 @@ class Core extends EventEmitter {
    */
   /**
    * ウィンドウのリサイズ処理
-   * @param width - 幅
-   * @param height - 高さ
+   * @param width - 幅（CSS／論理ピクセル。Three.js setSize にそのまま渡す）
+   * @param height - 高さ（同上）
    * @param start - リサイズと同時に描画を開始するかどうか
    */
   resize(width, height, start = true) {
-    this.canvas.width = width ?? window.innerWidth;
-    this.canvas.height = height ?? window.innerHeight;
-    this.renderer.setSize(this.canvas.width, this.canvas.height);
+    const logicalWidth = width ?? window.innerWidth;
+    const logicalHeight = height ?? window.innerHeight;
+    this.renderer.setSize(logicalWidth, logicalHeight);
     if (this.renderViewMap.size === 1) {
       this.setRenderViewSize(
         this.defaultRenderViewSymbol,
         0,
         0,
-        this.canvas.width,
-        this.canvas.height
+        logicalWidth,
+        logicalHeight
       );
     }
     if (start === true) {
@@ -44057,8 +44059,8 @@ class Core extends EventEmitter {
    * @param renderViewName - 対象となるレンダービューの名前
    * @param x - 矩形の左下角の横位置
    * @param y - 矩形の左下角の縦位置
-   * @param width - 幅（未指定・null 時は canvas の描画幅）
-   * @param height - 高さ（未指定・null 時は canvas の描画高さ）
+   * @param width - 幅（論理ピクセル。未指定・null 時は renderer.getSize()）
+   * @param height - 高さ（論理ピクセル。未指定・null 時は renderer.getSize()）
    * @param start - 同時に描画を開始するかどうか
    */
   setRenderViewSize(renderViewName, x, y, width, height, start = false) {
@@ -44071,8 +44073,9 @@ class Core extends EventEmitter {
     }
     renderView.x = x ?? 0;
     renderView.y = y ?? 0;
-    renderView.width = width ?? this.canvas.width;
-    renderView.height = height ?? this.canvas.height;
+    this.renderer.getSize(this._rendererLogicalSize);
+    renderView.width = width ?? this._rendererLogicalSize.x;
+    renderView.height = height ?? this._rendererLogicalSize.y;
     renderView.perspectiveCamera.aspect = renderView.width / renderView.height;
     renderView.perspectiveCamera.updateProjectionMatrix();
     this._updateViewportUniforms(renderView);
@@ -44097,9 +44100,12 @@ class Core extends EventEmitter {
     renderView.scene.add(renderView.gaussianGroup);
     renderView.scene.add(renderView.meshGroup);
     renderView.scene.add(renderView.interfaceGroup);
+    this.renderer.getSize(this._rendererLogicalSize);
+    const lw = Math.max(this._rendererLogicalSize.x, 1);
+    const lh = Math.max(this._rendererLogicalSize.y, 1);
     renderView.perspectiveCamera = new PerspectiveCamera(
       PERSPECTIVE_FOV,
-      this.canvas.width / this.canvas.height,
+      lw / lh,
       PERSPECTIVE_NEAR,
       Math.max(PERSPECTIVE_FAR, this.maxDistance)
     );
@@ -44111,8 +44117,8 @@ class Core extends EventEmitter {
     renderView.previousPosition = new Vector3(0, 0, 0);
     renderView.previousRotation = new Quaternion();
     renderView.previousFov = 0;
-    renderView.width = this.canvas.width;
-    renderView.height = this.canvas.height;
+    renderView.width = lw;
+    renderView.height = lh;
     return renderView;
   }
   /**

package/build/esm/types/viewer/canvas.d.ts

@@ -183,6 +183,8 @@ export declare class Core extends EventEmitter {
     console: ConsoleOutput;
     private animationController;
     private pathAnimationLocked;
+    /** WebGLRenderer.getSize 用（RenderView は論理ピクセル。canvas バッファ実寸とは別） */
+    private readonly _rendererLogicalSize;
     /**
      * インスタンスが発火するイベント
      * ※実際には TavioMesh が発火するイベントをリレーする
@@ -513,8 +515,8 @@ export declare class Core extends EventEmitter {
      */
     /**
      * ウィンドウのリサイズ処理
-     * @param width - 幅
-     * @param height - 高さ
+     * @param width - 幅（CSS／論理ピクセル。Three.js setSize にそのまま渡す）
+     * @param height - 高さ（同上）
      * @param start - リサイズと同時に描画を開始するかどうか
      */
     resize(width?: number, height?: number, start?: boolean): void;
@@ -608,8 +610,8 @@ export declare class Core extends EventEmitter {
      * @param renderViewName - 対象となるレンダービューの名前
      * @param x - 矩形の左下角の横位置
      * @param y - 矩形の左下角の縦位置
-     * @param width - 幅（未指定・null 時は canvas の描画幅）
-     * @param height - 高さ（未指定・null 時は canvas の描画高さ）
+     * @param width - 幅（論理ピクセル。未指定・null 時は renderer.getSize()）
+     * @param height - 高さ（論理ピクセル。未指定・null 時は renderer.getSize()）
      * @param start - 同時に描画を開始するかどうか
      */
     setRenderViewSize(renderViewName?: string | Symbol | null, x?: number, y?: number, width?: number, height?: number, start?: boolean): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openheart/tavio-renderer",
-  "version": "2.3.12-with-wasm",
+  "version": "2.3.13-with-wasm",
   "author": "OpenHeart Inc.",
   "license": "UNLICENSED",
   "description": "Rendering Engine for Tavio Format 3D data",