reze-engine 0.1.4 → 0.1.5

package/dist/engine.d.ts

@@ -3,14 +3,6 @@ import { Quat, Vec3 } from "./math";
 export interface EngineStats {
     fps: number;
     frameTime: number;
-    memoryUsed: number;
-    vertices: number;
-    drawCalls: number;
-    triangles: number;
-    materials: number;
-    textures: number;
-    textureMemory: number;
-    bufferMemory: number;
     gpuMemory: number;
 }
 export declare class Engine {

package/dist/engine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"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"}

package/dist/engine.js

@@ -24,14 +24,6 @@ export class Engine {
         this.stats = {
             fps: 0,
             frameTime: 0,
-            memoryUsed: 0,
-            vertices: 0,
-            drawCalls: 0,
-            triangles: 0,
-            materials: 0,
-            textures: 0,
-            textureMemory: 0,
-            bufferMemory: 0,
             gpuMemory: 0,
         };
         this.animationFrameId = null;
@@ -646,7 +638,11 @@ export class Engine {
             const texture = await loadTextureByIndex(toonTextureIndex);
             if (texture)
                 return texture;
-            // Default toon texture fallback
+            // Default toon texture fallback - cache it
+            const defaultToonPath = "__default_toon__";
+            const cached = this.textureCache.get(defaultToonPath);
+            if (cached)
+                return cached;
             const defaultToonData = new Uint8Array(256 * 2 * 4);
             for (let i = 0; i < 256; i++) {
                 const factor = i / 255.0;
@@ -667,7 +663,8 @@ export class Engine {
                 usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST,
             });
             this.device.queue.writeTexture({ texture: defaultToonTexture }, defaultToonData, { bytesPerRow: 256 * 4 }, [256, 2]);
-            this.textureSizes.set("__default_toon__", { width: 256, height: 2 });
+            this.textureCache.set(defaultToonPath, defaultToonTexture);
+            this.textureSizes.set(defaultToonPath, { width: 256, height: 2 });
             return defaultToonTexture;
         };
         this.materialDraws = [];
@@ -752,8 +749,8 @@ export class Engine {
             runningFirstIndex += matCount;
         }
     }
-    // Helper: Load texture from file path
-    async createTextureFromPath(path) {
+    // Helper: Load texture from file path with optional max size limit
+    async createTextureFromPath(path, maxSize = 2048) {
         const cached = this.textureCache.get(path);
         if (cached) {
             return cached;
@@ -763,22 +760,34 @@ export class Engine {
             if (!response.ok) {
                 throw new Error(`HTTP ${response.status}: ${response.statusText}`);
             }
-            const imageBitmap = await createImageBitmap(await response.blob(), {
+            let imageBitmap = await createImageBitmap(await response.blob(), {
                 premultiplyAlpha: "none",
                 colorSpaceConversion: "none",
             });
+            // Downscale if texture is too large
+            let finalWidth = imageBitmap.width;
+            let finalHeight = imageBitmap.height;
+            if (finalWidth > maxSize || finalHeight > maxSize) {
+                const scale = Math.min(maxSize / finalWidth, maxSize / finalHeight);
+                finalWidth = Math.floor(finalWidth * scale);
+                finalHeight = Math.floor(finalHeight * scale);
+                // Create canvas to downscale
+                const canvas = new OffscreenCanvas(finalWidth, finalHeight);
+                const ctx = canvas.getContext("2d");
+                if (ctx) {
+                    ctx.drawImage(imageBitmap, 0, 0, finalWidth, finalHeight);
+                    imageBitmap = await createImageBitmap(canvas);
+                }
+            }
             const texture = this.device.createTexture({
                 label: `texture: ${path}`,
-                size: [imageBitmap.width, imageBitmap.height],
+                size: [finalWidth, finalHeight],
                 format: "rgba8unorm",
                 usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT,
             });
-            this.device.queue.copyExternalImageToTexture({ source: imageBitmap }, { texture }, [
-                imageBitmap.width,
-                imageBitmap.height,
-            ]);
+            this.device.queue.copyExternalImageToTexture({ source: imageBitmap }, { texture }, [finalWidth, finalHeight]);
             this.textureCache.set(path, texture);
-            this.textureSizes.set(path, { width: imageBitmap.width, height: imageBitmap.height });
+            this.textureSizes.set(path, { width: finalWidth, height: finalHeight });
             return texture;
         }
         catch {
@@ -914,41 +923,14 @@ export class Engine {
             this.stats.fps = Math.round((this.framesSinceLastUpdate / elapsed) * 1000);
             this.framesSinceLastUpdate = 0;
             this.lastFpsUpdate = now;
-            const perf = performance;
-            if (perf.memory) {
-                this.stats.memoryUsed = Math.round(perf.memory.usedJSHeapSize / 1024 / 1024);
-            }
-        }
-        this.stats.vertices = this.vertexCount;
-        this.stats.drawCalls = this.drawCallCount;
-        // Calculate triangles from index buffer
-        if (this.indexBuffer) {
-            const indexCount = this.currentModel?.getIndices()?.length || 0;
-            this.stats.triangles = Math.floor(indexCount / 3);
-        }
-        else {
-            this.stats.triangles = Math.floor(this.vertexCount / 3);
         }
-        // Material count
-        this.stats.materials = this.materialDraws.length;
-        // Texture stats
-        this.stats.textures = this.textureCache.size;
+        // Calculate GPU memory: textures + buffers + render targets
         let textureMemoryBytes = 0;
         for (const [path, size] of this.textureSizes.entries()) {
             if (this.textureCache.has(path)) {
-                // RGBA8 = 4 bytes per pixel
-                textureMemoryBytes += size.width * size.height * 4;
+                textureMemoryBytes += size.width * size.height * 4; // RGBA8 = 4 bytes per pixel
             }
         }
-        // Add render target textures (multisample + depth)
-        if (this.multisampleTexture) {
-            const width = this.canvas.width;
-            const height = this.canvas.height;
-            textureMemoryBytes += width * height * 4 * this.sampleCount; // multisample color
-            textureMemoryBytes += width * height * 4; // depth (depth24plus = 4 bytes)
-        }
-        this.stats.textureMemory = Math.round((textureMemoryBytes / 1024 / 1024) * 100) / 100;
-        // Buffer memory estimate
         let bufferMemoryBytes = 0;
         if (this.vertexBuffer) {
             const vertices = this.currentModel?.getVertices();
@@ -977,10 +959,15 @@ export class Engine {
         }
         bufferMemoryBytes += 40 * 4; // cameraUniformBuffer
         bufferMemoryBytes += 64 * 4; // lightUniformBuffer
-        // Material uniform buffers (estimate: 4 bytes per material)
-        bufferMemoryBytes += this.materialDraws.length * 4;
-        this.stats.bufferMemory = Math.round((bufferMemoryBytes / 1024 / 1024) * 100) / 100;
-        // Total GPU memory estimate
-        this.stats.gpuMemory = Math.round((this.stats.textureMemory + this.stats.bufferMemory) * 100) / 100;
+        bufferMemoryBytes += this.materialDraws.length * 4; // Material uniform buffers
+        let renderTargetMemoryBytes = 0;
+        if (this.multisampleTexture) {
+            const width = this.canvas.width;
+            const height = this.canvas.height;
+            renderTargetMemoryBytes += width * height * 4 * this.sampleCount; // multisample color
+            renderTargetMemoryBytes += width * height * 4; // depth
+        }
+        const totalGPUMemoryBytes = textureMemoryBytes + bufferMemoryBytes + renderTargetMemoryBytes;
+        this.stats.gpuMemory = Math.round((totalGPUMemoryBytes / 1024 / 1024) * 100) / 100;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "reze-engine",
-    "version": "0.1.4",
+    "version": "0.1.5",
     "description": "A WebGPU-based MMD model renderer",
     "main": "./dist/index.js",
     "types": "./dist/index.d.ts",

package/src/engine.ts

@@ -7,14 +7,6 @@ import { Physics } from "./physics"
 export interface EngineStats {
   fps: number
   frameTime: number // ms
-  memoryUsed: number // MB (JS heap)
-  vertices: number
-  drawCalls: number
-  triangles: number
-  materials: number
-  textures: number
-  textureMemory: number // MB
-  bufferMemory: number // MB
   gpuMemory: number // MB (estimated total GPU memory)
 }
 
@@ -62,14 +54,6 @@ export class Engine {
   private stats: EngineStats = {
     fps: 0,
     frameTime: 0,
-    memoryUsed: 0,
-    vertices: 0,
-    drawCalls: 0,
-    triangles: 0,
-    materials: 0,
-    textures: 0,
-    textureMemory: 0,
-    bufferMemory: 0,
     gpuMemory: 0,
   }
   private animationFrameId: number | null = null
@@ -764,7 +748,11 @@ export class Engine {
       const texture = await loadTextureByIndex(toonTextureIndex)
       if (texture) return texture
 
-      // Default toon texture fallback
+      // Default toon texture fallback - cache it
+      const defaultToonPath = "__default_toon__"
+      const cached = this.textureCache.get(defaultToonPath)
+      if (cached) return cached
+
       const defaultToonData = new Uint8Array(256 * 2 * 4)
       for (let i = 0; i < 256; i++) {
         const factor = i / 255.0
@@ -790,7 +778,8 @@ export class Engine {
         { bytesPerRow: 256 * 4 },
         [256, 2]
       )
-      this.textureSizes.set("__default_toon__", { width: 256, height: 2 })
+      this.textureCache.set(defaultToonPath, defaultToonTexture)
+      this.textureSizes.set(defaultToonPath, { width: 256, height: 2 })
       return defaultToonTexture
     }
 
@@ -888,8 +877,8 @@ export class Engine {
     }
   }
 
-  // Helper: Load texture from file path
-  private async createTextureFromPath(path: string): Promise<GPUTexture | null> {
+  // Helper: Load texture from file path with optional max size limit
+  private async createTextureFromPath(path: string, maxSize: number = 2048): Promise<GPUTexture | null> {
     const cached = this.textureCache.get(path)
     if (cached) {
       return cached
@@ -900,23 +889,38 @@ export class Engine {
       if (!response.ok) {
         throw new Error(`HTTP ${response.status}: ${response.statusText}`)
       }
-      const imageBitmap = await createImageBitmap(await response.blob(), {
+      let imageBitmap = await createImageBitmap(await response.blob(), {
         premultiplyAlpha: "none",
         colorSpaceConversion: "none",
       })
+
+      // Downscale if texture is too large
+      let finalWidth = imageBitmap.width
+      let finalHeight = imageBitmap.height
+      if (finalWidth > maxSize || finalHeight > maxSize) {
+        const scale = Math.min(maxSize / finalWidth, maxSize / finalHeight)
+        finalWidth = Math.floor(finalWidth * scale)
+        finalHeight = Math.floor(finalHeight * scale)
+
+        // Create canvas to downscale
+        const canvas = new OffscreenCanvas(finalWidth, finalHeight)
+        const ctx = canvas.getContext("2d")
+        if (ctx) {
+          ctx.drawImage(imageBitmap, 0, 0, finalWidth, finalHeight)
+          imageBitmap = await createImageBitmap(canvas)
+        }
+      }
+
       const texture = this.device.createTexture({
         label: `texture: ${path}`,
-        size: [imageBitmap.width, imageBitmap.height],
+        size: [finalWidth, finalHeight],
         format: "rgba8unorm",
         usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT,
       })
-      this.device.queue.copyExternalImageToTexture({ source: imageBitmap }, { texture }, [
-        imageBitmap.width,
-        imageBitmap.height,
-      ])
+      this.device.queue.copyExternalImageToTexture({ source: imageBitmap }, { texture }, [finalWidth, finalHeight])
 
       this.textureCache.set(path, texture)
-      this.textureSizes.set(path, { width: imageBitmap.width, height: imageBitmap.height })
+      this.textureSizes.set(path, { width: finalWidth, height: finalHeight })
       return texture
     } catch {
       return null
@@ -1083,48 +1087,16 @@ export class Engine {
       this.stats.fps = Math.round((this.framesSinceLastUpdate / elapsed) * 1000)
       this.framesSinceLastUpdate = 0
       this.lastFpsUpdate = now
-
-      const perf = performance as Performance & {
-        memory?: { usedJSHeapSize: number; totalJSHeapSize: number }
-      }
-      if (perf.memory) {
-        this.stats.memoryUsed = Math.round(perf.memory.usedJSHeapSize / 1024 / 1024)
-      }
     }
 
-    this.stats.vertices = this.vertexCount
-    this.stats.drawCalls = this.drawCallCount
-
-    // Calculate triangles from index buffer
-    if (this.indexBuffer) {
-      const indexCount = this.currentModel?.getIndices()?.length || 0
-      this.stats.triangles = Math.floor(indexCount / 3)
-    } else {
-      this.stats.triangles = Math.floor(this.vertexCount / 3)
-    }
-
-    // Material count
-    this.stats.materials = this.materialDraws.length
-
-    // Texture stats
-    this.stats.textures = this.textureCache.size
+    // Calculate GPU memory: textures + buffers + render targets
     let textureMemoryBytes = 0
     for (const [path, size] of this.textureSizes.entries()) {
       if (this.textureCache.has(path)) {
-        // RGBA8 = 4 bytes per pixel
-        textureMemoryBytes += size.width * size.height * 4
+        textureMemoryBytes += size.width * size.height * 4 // RGBA8 = 4 bytes per pixel
       }
     }
-    // Add render target textures (multisample + depth)
-    if (this.multisampleTexture) {
-      const width = this.canvas.width
-      const height = this.canvas.height
-      textureMemoryBytes += width * height * 4 * this.sampleCount // multisample color
-      textureMemoryBytes += width * height * 4 // depth (depth24plus = 4 bytes)
-    }
-    this.stats.textureMemory = Math.round((textureMemoryBytes / 1024 / 1024) * 100) / 100
 
-    // Buffer memory estimate
     let bufferMemoryBytes = 0
     if (this.vertexBuffer) {
       const vertices = this.currentModel?.getVertices()
@@ -1148,11 +1120,17 @@ export class Engine {
     }
     bufferMemoryBytes += 40 * 4 // cameraUniformBuffer
     bufferMemoryBytes += 64 * 4 // lightUniformBuffer
-    // Material uniform buffers (estimate: 4 bytes per material)
-    bufferMemoryBytes += this.materialDraws.length * 4
-    this.stats.bufferMemory = Math.round((bufferMemoryBytes / 1024 / 1024) * 100) / 100
+    bufferMemoryBytes += this.materialDraws.length * 4 // Material uniform buffers
+
+    let renderTargetMemoryBytes = 0
+    if (this.multisampleTexture) {
+      const width = this.canvas.width
+      const height = this.canvas.height
+      renderTargetMemoryBytes += width * height * 4 * this.sampleCount // multisample color
+      renderTargetMemoryBytes += width * height * 4 // depth
+    }
 
-    // Total GPU memory estimate
-    this.stats.gpuMemory = Math.round((this.stats.textureMemory + this.stats.bufferMemory) * 100) / 100
+    const totalGPUMemoryBytes = textureMemoryBytes + bufferMemoryBytes + renderTargetMemoryBytes
+    this.stats.gpuMemory = Math.round((totalGPUMemoryBytes / 1024 / 1024) * 100) / 100
   }
 }