@stowkit/three-loader 0.1.27 → 0.1.29

package/dist/stowkit-three-loader.js

@@ -237,12 +237,7 @@ class MeshParser {
                 reject(new Error(`Failed to decode Draco geometry: ${error}`));
             });
         });
-        // Compute bounding volumes
-        const boundsStart = performance.now();
-        geometry.computeBoundingSphere();
-        geometry.computeBoundingBox();
-        const boundsEnd = performance.now();
-        reader.PerfLogger.log(`[Perf] Bounds computation: ${(boundsEnd - boundsStart).toFixed(2)}ms`);
+        // Bounds will be computed automatically by Three.js when needed
         const totalTime = performance.now();
         reader.PerfLogger.log(`[Perf] Total geometry creation: ${(totalTime - startTime).toFixed(2)}ms`);
         return geometry;
@@ -254,6 +249,11 @@ class MeshParser {
         const root = new THREE__namespace.Group();
         root.name = 'StowKitMesh';
         const { geometries, materials, nodes, meshIndices } = parsedData;
+        // Pre-load ALL geometries in parallel for maximum speed
+        reader.PerfLogger.log(`[Perf] Starting parallel Draco decode of ${geometries.length} geometries...`);
+        const geometryPromises = geometries.map(geoInfo => this.createGeometry(geoInfo, dataBlob, dracoLoader));
+        const loadedGeometries = await Promise.all(geometryPromises);
+        reader.PerfLogger.log(`[Perf] All Draco decodes complete`);
         // Create all Three.js objects for nodes
         const nodeObjects = [];
         for (const node of nodes) {
@@ -269,7 +269,7 @@ class MeshParser {
                 const meshIndex = meshIndices[meshIndexArrayPos];
                 if (meshIndex < geometries.length) {
                     const geoInfo = geometries[meshIndex];
-                    const geometry = await this.createGeometry(geoInfo, dataBlob, dracoLoader);
+                    const geometry = loadedGeometries[meshIndex];
                     // Use assigned material if valid, otherwise create default
                     let material;
                     if (geoInfo.materialIndex < materials.length) {
@@ -300,11 +300,11 @@ class MeshParser {
                 root.add(obj);
             }
         }
-        // If no nodes, create a single mesh from all geometries
+        // If no nodes, create meshes from all geometries
         if (nodes.length === 0 && geometries.length > 0) {
             for (let index = 0; index < geometries.length; index++) {
                 const geoInfo = geometries[index];
-                const geometry = await this.createGeometry(geoInfo, dataBlob, dracoLoader);
+                const geometry = loadedGeometries[index];
                 // Use assigned material if valid, otherwise create default
                 let material;
                 if (geoInfo.materialIndex < materials.length) {
@@ -696,8 +696,8 @@ class StowKitPack {
         reader.PerfLogger.log(`[Perf] Parse mesh metadata: ${(performance.now() - parseStart).toFixed(2)}ms`);
         // Load textures for materials
         const textureStart = performance.now();
-        await this.loadMaterialTextures(parsedData.materialData, parsedData.materials);
-        reader.PerfLogger.log(`[Perf] Load textures: ${(performance.now() - textureStart).toFixed(2)}ms`);
+        const textureNames = await this.loadMaterialTextures(parsedData.materialData, parsedData.materials);
+        reader.PerfLogger.log(`[Perf] Load textures: ${(performance.now() - textureStart).toFixed(2)}ms (${textureNames.length > 0 ? textureNames.join(', ') : 'none'})`);
         // Build Three.js scene with Draco decoder
         const buildStart = performance.now();
         const scene = await MeshParser.buildScene(parsedData, data, this.dracoLoader);
@@ -727,7 +727,7 @@ class StowKitPack {
                 throw new Error(`Failed to read texture data: ${assetPath}`);
             }
             // Load as KTX2
-            return await this.loadKTX2Texture(data);
+            return await this.loadKTX2Texture(data, assetPath);
         })();
         this.textureCache.set(assetPath, loadPromise);
         return loadPromise;
@@ -1016,14 +1016,17 @@ class StowKitPack {
     async loadMaterialTextures(materialData, materials) {
         // Collect all texture load promises to load in parallel
         const textureLoads = [];
+        const uniqueTextures = new Set();
         for (let i = 0; i < materialData.length; i++) {
             const matData = materialData[i];
             for (const prop of matData.properties) {
                 const textureId = prop.textureId?.trim();
                 if (textureId && textureId.length > 0) {
+                    uniqueTextures.add(textureId);
                     textureLoads.push({
                         materialIndex: i,
                         propertyName: prop.fieldName,
+                        textureId: textureId,
                         texturePromise: this.loadTexture(textureId).catch(error => {
                             console.error(`Failed to load texture "${textureId}":`, error);
                             throw error;
@@ -1043,20 +1046,21 @@ class StowKitPack {
                 this.applyTextureToMaterial(material, load.propertyName, result.value);
             }
         }
+        return Array.from(uniqueTextures);
     }
-    async loadKTX2Texture(data) {
-        performance.now();
+    async loadKTX2Texture(data, textureName) {
+        reader.PerfLogger.log(`[Perf] KTX2/Basis texture size: ${data.byteLength} bytes${textureName ? ` (${textureName})` : ''}`);
+        // Create blob URL - KTX2Loader requires a URL, can't use ArrayBuffer directly
         const arrayBuffer = data.buffer.slice(data.byteOffset, data.byteOffset + data.byteLength);
         const blob = new Blob([arrayBuffer]);
         const url = URL.createObjectURL(blob);
-        reader.PerfLogger.log(`[Perf] KTX2/Basis texture size: ${data.byteLength} bytes`);
         try {
             return await new Promise((resolve, reject) => {
                 const loadStart = performance.now();
                 this.ktx2Loader.load(url, (texture) => {
                     URL.revokeObjectURL(url);
                     const loadEnd = performance.now();
-                    reader.PerfLogger.log(`[Perf] Basis transcode: ${(loadEnd - loadStart).toFixed(2)}ms (resolution: ${texture.image?.width || '?'}x${texture.image?.height || '?'})`);
+                    reader.PerfLogger.log(`[Perf] Basis transcode: ${(loadEnd - loadStart).toFixed(2)}ms (${textureName || 'unknown'}, resolution: ${texture.image?.width || '?'}x${texture.image?.height || '?'})`);
                     texture.needsUpdate = true;
                     resolve(texture);
                 }, undefined, (error) => {