@shapediver/viewer.rendering-engine.rendering-engine-threejs 3.15.12 → 3.16.1

package/dist/loaders/MaterialLoader.d.ts

@@ -1,4 +1,5 @@
-import { GeometryData, IMaterialAbstractData, MaterialBasicLineData, MaterialPointData, MaterialStandardData, MATERIAL_TYPE, PRIMITIVE_MODE } from "@shapediver/viewer.shared.types";
+import { GeometryData, MaterialBasicLineData, MaterialPointData, MaterialStandardData } from "@shapediver/viewer.shared.node-tree";
+import { IMaterialAbstractData, MATERIAL_TYPE, PRIMITIVE_MODE } from "@shapediver/viewer.shared.types";
 import { quat } from "gl-matrix";
 import * as THREE from "three";
 import { ILoader } from "../interfaces/ILoader";
@@ -38,6 +39,8 @@ export declare class MaterialLoader implements ILoader {
     private _lightSizeUV;
     private _materialOverrideType;
     private _materialCache;
+    private _shaderProgramCache;
+    private _compiledShaderSignatures;
     private _maxMapCount;
     private _pointSize;
     private _textureEncoding;
@@ -71,13 +74,23 @@ export declare class MaterialLoader implements ILoader {
     assignEnvironmentMapRotation(value: quat): void;
     assignPointSize(p: number): void;
     cacheSize(): number;
-    createMaterial(type: GEOMETRY_MATERIAL_TYPE, incomingData: IMaterialAbstractData | GeometryData, materialData: IMaterialAbstractData | null, materialSettings?: MaterialSettings): THREE.Material | THREE.LineBasicMaterial | THREE.MeshBasicMaterial | THREE.PointsMaterial | MultiPointsMaterial;
+    createMaterial(type: GEOMETRY_MATERIAL_TYPE, incomingData: IMaterialAbstractData | GeometryData, materialData: IMaterialAbstractData | null, materialSettings?: MaterialSettings): MultiPointsMaterial | THREE.PointsMaterial | THREE.Material | THREE.LineBasicMaterial | THREE.MeshBasicMaterial;
     emptyMaterialCache(): void;
     getMaterialProperties(materialData: IMaterialAbstractData | null, type: GEOMETRY_MATERIAL_TYPE, materialSettings?: MaterialSettings): {
         properties: ThreeJsMaterialParameterTypes;
         mapCount: number;
     };
     init(): void;
+    /**
+     * Get a shader signature based on properties that affect shader compilation.
+     * Materials with the same signature can share compiled shader programs.
+     */
+    private getShaderSignature;
+    /**
+     * Precompile shaders for a batch of materials to avoid runtime compilation costs.
+     * This should be called during initialization or loading phases.
+     */
+    precompileShaders(materials: THREE.Material[], scene: THREE.Scene, camera: THREE.Camera): void;
     /**
      * Create a material object with the provided material data.
      *

package/dist/loaders/MaterialLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialLoader.d.ts","sourceRoot":"","sources":["../../src/loaders/MaterialLoader.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"MaterialLoader.d.ts","sourceRoot":"","sources":["../../src/loaders/MaterialLoader.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,YAAY,EAEZ,qBAAqB,EAKrB,iBAAiB,EAGjB,oBAAoB,EAGpB,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAEN,qBAAqB,EAGrB,aAAa,EACb,cAAc,EAGd,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAO,IAAI,EAAC,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,OAAO,EAAC,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAc,qBAAqB,EAAC,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAC,2BAA2B,EAAC,MAAM,0CAA0C,CAAC;AACrF,OAAO,EACN,mBAAmB,EACnB,6BAA6B,EAC7B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAEN,oCAAoC,EACpC,MAAM,yCAAyC,CAAC;AAEjD,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAC;AAEnD,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAW5D,oBAAY,gBAAgB,GAAG;IAC9B,IAAI,EAAE,cAAc,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,aAAK,6BAA6B,GAC/B,KAAK,CAAC,wBAAwB,GAC9B,6BAA6B,GAC7B,KAAK,CAAC,2BAA2B,GACjC,2BAA2B,GAC3B,KAAK,CAAC,8BAA8B,GACpC,oCAAoC,GACpC,qBAAqB,GACrB,KAAK,CAAC,wBAAwB,GAC9B,KAAK,CAAC,6BAA6B,GACnC,KAAK,CAAC,2BAA2B,CAAC;AAmBrC,aAAK,yBAAyB,GAAG;IAChC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;CACrB,CAAC;AAMF,qBAAa,cAAe,YAAW,OAAO;IA2CjC,OAAO,CAAC,QAAQ,CAAC,gBAAgB;IAxC7C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAiC;IAC5D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAuB;IAElD,OAAO,CAAC,SAAS,CAAe;IAChC,OAAO,CAAC,wBAAwB,CACe;IAC/C,OAAO,CAAC,oBAAoB,CAKxB;IACJ,OAAO,CAAC,yBAAyB,CACU;IAC3C,OAAO,CAAC,OAAO,CAAkD;IACjE,OAAO,CAAC,gBAAgB,CAAa;IACrC,OAAO,CAAC,WAAW,CAAmD;IACtE,OAAO,CAAC,4BAA4B,CAAkC;IACtE,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,YAAY,CAAiB;IACrC,OAAO,CAAC,qBAAqB,CAAwC;IACrE,OAAO,CAAC,cAAc,CAMf;IACP,OAAO,CAAC,mBAAmB,CAAgD;IAC3E,OAAO,CAAC,yBAAyB,CAA0B;IAC3D,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,UAAU,CAAe;IACjC,OAAO,CAAC,gBAAgB,CAA0C;IAClE,OAAO,CAAC,oBAAoB,CACxB;gBAMyB,gBAAgB,EAAE,eAAe;IAM9D,IAAW,uBAAuB,IAAI,qBAAqB,CAE1D;IAED,IAAW,uBAAuB,CAAC,KAAK,EAAE,qBAAqB,EAG9D;IAED,IAAW,mBAAmB,IAAI,oBAAoB,CAErD;IAED,IAAW,mBAAmB,CAAC,KAAK,EAAE,oBAAoB,EAGzD;IAED,IAAW,wBAAwB,IAAI,iBAAiB,CAEvD;IAED,IAAW,wBAAwB,CAAC,KAAK,EAAE,iBAAiB,EAG3D;IAED,IAAW,oBAAoB,IAAI,aAAa,GAAG,SAAS,CAE3D;IAED,IAAW,oBAAoB,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,EAS/D;IAED,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,WAAW,CAAC,KAAK,EAAE,MAAM,EAEnC;IAED,IAAW,eAAe,IAAI,KAAK,CAAC,UAAU,CAE7C;IAED,IAAW,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAGjD;IAED,IAAW,mBAAmB,IAAI;QACjC,CAAC,GAAG,EAAE,MAAM,GAAG,yBAAyB,CAAC;KACzC,CAEA;IAED,IAAW,mBAAmB,CAAC,KAAK,EAAE;QACrC,CAAC,GAAG,EAAE,MAAM,GAAG,yBAAyB,CAAC;KACzC,EAEA;IAMM,qBAAqB,CAAC,KAAK,EAAE,OAAO;IA4EpC,yBAAyB;IAsBzB,qBAAqB;IA8BrB,0BAA0B;IAsB1B,oBAAoB,CAC1B,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,EAC3C,IAAI,EAAE,oBAAoB;IAsEpB,qCAAqC,CAAC,MAAM,EAAE,OAAO;IAsDrD,6BAA6B,CAAC,KAAK,EAAE,MAAM;IAqC3C,4BAA4B,CAAC,KAAK,EAAE,IAAI;IAsDxC,eAAe,CAAC,CAAC,EAAE,MAAM;IA+KzB,SAAS;IAIT,cAAc,CACpB,IAAI,EAAE,sBAAsB,EAC5B,YAAY,EAAE,qBAAqB,GAAG,YAAY,EAClD,YAAY,EAAE,qBAAqB,GAAG,IAAI,EAC1C,gBAAgB,CAAC,EAAE,gBAAgB;IAqL7B,kBAAkB;IAMlB,qBAAqB,CAC3B,YAAY,EAAE,qBAAqB,GAAG,IAAI,EAC1C,IAAI,EAAE,sBAAsB,EAC5B,gBAAgB,CAAC,EAAE,gBAAgB,GACjC;QACF,UAAU,EAAE,6BAA6B,CAAC;QAC1C,QAAQ,EAAE,MAAM,CAAC;KACjB;IA06BM,IAAI,IAAI,IAAI;IAEnB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAS1B;;;OAGG;IACI,iBAAiB,CACvB,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,EAC3B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,GAClB,IAAI;IA0BP;;;;;OAKG;IACI,IAAI,CACV,YAAY,EAAE,qBAAqB,GAAG,YAAY,EAClD,gBAAgB,CAAC,EAAE,gBAAgB,GACjC,KAAK,CAAC,QAAQ;IA8DV,uBAAuB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAM/C,eAAe,IAAI,IAAI;IAKvB,gBAAgB,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAoB7D,OAAO,CAAC,qBAAqB;IA0B7B,OAAO,CAAC,oBAAoB;IAgB5B,OAAO,CAAC,yBAAyB;IAgBjC,OAAO,CAAC,aAAa;CAiGrB;AAOD,aAAK,sBAAsB;IAC1B,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;CACb;AAMD,eAAO,MAAM,YAAY,YAyHxB,CAAC"}

package/dist/loaders/MaterialLoader.js

@@ -46,13 +46,13 @@ class MaterialLoader {
         this._converter = viewer_shared_services_1.Converter.instance;
         this._sceneTree = viewer_shared_node_tree_1.Tree.instance;
         this._blending = 0.0;
-        this._defaultLineMaterialData = new viewer_shared_types_1.MaterialBasicLineData({ color: "#199b9b" });
-        this._defaultMaterialData = new viewer_shared_types_1.MaterialStandardData({
+        this._defaultLineMaterialData = new viewer_shared_node_tree_1.MaterialBasicLineData({ color: "#199b9b" });
+        this._defaultMaterialData = new viewer_shared_node_tree_1.MaterialStandardData({
             color: "#199b9b",
             side: viewer_shared_types_1.MATERIAL_SIDE.DOUBLE,
             metalness: 0.0,
         });
-        this._defaultPointMaterialData = new viewer_shared_types_1.MaterialPointData({ color: "#199b9b" });
+        this._defaultPointMaterialData = new viewer_shared_node_tree_1.MaterialPointData({ color: "#199b9b" });
         this._envMap = null;
         this._envMapIntensity = 1;
         this._envMapType = EnvironmentMapLoader_1.ENVIRONMENT_MAP_TYPE.NULL;
@@ -61,6 +61,8 @@ class MaterialLoader {
         this._lightSizeUV = 0.025;
         this._materialOverrideType = undefined;
         this._materialCache = {};
+        this._shaderProgramCache = new Map();
+        this._compiledShaderSignatures = new Set();
         this._maxMapCount = 0;
         this._pointSize = 1.0;
         this._textureEncoding = THREE.SRGBColorSpace;
@@ -246,25 +248,25 @@ class MaterialLoader {
                 const material = this._materialCache[cacheKey].material;
                 if (this._materialCache[cacheKey].materialData &&
                     (this._materialCache[cacheKey].materialData instanceof
-                        viewer_shared_types_1.MaterialStandardData ||
+                        viewer_shared_node_tree_1.MaterialStandardData ||
                         this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_types_1.MaterialGemData ||
+                            viewer_shared_node_tree_1.MaterialGemData ||
                         this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_types_1.MaterialSpecularGlossinessData ||
+                            viewer_shared_node_tree_1.MaterialSpecularGlossinessData ||
                         this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_types_1.MaterialUnlitData ||
+                            viewer_shared_node_tree_1.MaterialUnlitData ||
                         this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_types_1.MaterialLambertData ||
+                            viewer_shared_node_tree_1.MaterialLambertData ||
                         this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_types_1.MaterialPhongData) &&
+                            viewer_shared_node_tree_1.MaterialPhongData) &&
                     (this._materialCache[cacheKey].materialData).envMap !== undefined)
                     continue;
                 if ((this._materialCache[cacheKey].materialData instanceof
-                    viewer_shared_types_1.MaterialUnlitData ||
+                    viewer_shared_node_tree_1.MaterialUnlitData ||
                     this._materialCache[cacheKey].materialData instanceof
-                        viewer_shared_types_1.MaterialLambertData ||
+                        viewer_shared_node_tree_1.MaterialLambertData ||
                     this._materialCache[cacheKey].materialData instanceof
-                        viewer_shared_types_1.MaterialPhongData) &&
+                        viewer_shared_node_tree_1.MaterialPhongData) &&
                     this._renderingEngine.environmentMapForUnlitMaterials ===
                         false)
                     return;
@@ -292,11 +294,11 @@ class MaterialLoader {
                     .material;
                 if (this._materialCache[cacheKey].materialData &&
                     (this._materialCache[cacheKey].materialData instanceof
-                        viewer_shared_types_1.MaterialUnlitData ||
+                        viewer_shared_node_tree_1.MaterialUnlitData ||
                         this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_types_1.MaterialLambertData ||
+                            viewer_shared_node_tree_1.MaterialLambertData ||
                         this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_types_1.MaterialPhongData) &&
+                            viewer_shared_node_tree_1.MaterialPhongData) &&
                     this._materialCache[cacheKey].materialData.envMap !== undefined)
                     continue;
                 if (toggle) {
@@ -327,13 +329,13 @@ class MaterialLoader {
                     .material;
                 if (this._materialCache[cacheKey].materialData &&
                     (this._materialCache[cacheKey].materialData instanceof
-                        viewer_shared_types_1.MaterialStandardData ||
+                        viewer_shared_node_tree_1.MaterialStandardData ||
                         this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_types_1.MaterialGemData ||
+                            viewer_shared_node_tree_1.MaterialGemData ||
                         this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_types_1.MaterialSpecularGlossinessData ||
+                            viewer_shared_node_tree_1.MaterialSpecularGlossinessData ||
                         this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_types_1.MaterialUnlitData) &&
+                            viewer_shared_node_tree_1.MaterialUnlitData) &&
                     (this._materialCache[cacheKey].materialData).envMap !== undefined)
                     continue;
                 material.envMapIntensity = value;
@@ -359,13 +361,13 @@ class MaterialLoader {
                     .material;
                 if (this._materialCache[cacheKey].materialData &&
                     (this._materialCache[cacheKey].materialData instanceof
-                        viewer_shared_types_1.MaterialStandardData ||
+                        viewer_shared_node_tree_1.MaterialStandardData ||
                         this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_types_1.MaterialGemData ||
+                            viewer_shared_node_tree_1.MaterialGemData ||
                         this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_types_1.MaterialSpecularGlossinessData ||
+                            viewer_shared_node_tree_1.MaterialSpecularGlossinessData ||
                         this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_types_1.MaterialUnlitData) &&
+                            viewer_shared_node_tree_1.MaterialUnlitData) &&
                     this._materialCache[cacheKey].materialData.envMap !== undefined)
                     continue;
                 material.envMapRotation = this._environmentMapRotationEuler;
@@ -527,7 +529,7 @@ class MaterialLoader {
         this.maxMapCount = Math.max(this.maxMapCount, mapCount);
         let material;
         if (type === GEOMETRY_MATERIAL_TYPE.POINT) {
-            if (materialData instanceof viewer_shared_types_1.MaterialMultiPointData) {
+            if (materialData instanceof viewer_shared_node_tree_1.MaterialMultiPointData) {
                 material = new MultiPointsMaterial_1.MultiPointsMaterial(properties);
             }
             else {
@@ -538,11 +540,11 @@ class MaterialLoader {
             material = new THREE.LineBasicMaterial(properties);
         }
         else {
-            if (materialData instanceof viewer_shared_types_1.MaterialUnlitData) {
+            if (materialData instanceof viewer_shared_node_tree_1.MaterialUnlitData) {
                 material = new THREE.MeshBasicMaterial(properties);
             }
             else {
-                if (materialData instanceof viewer_shared_types_1.MaterialShadowData) {
+                if (materialData instanceof viewer_shared_node_tree_1.MaterialShadowData) {
                     material = new THREE.ShadowMaterial({
                         opacity: properties.opacity,
                         color: properties.color,
@@ -569,16 +571,16 @@ class MaterialLoader {
                             material = new THREE.MeshPhysicalMaterial(properties);
                         }
                     }
-                    else if (materialData instanceof viewer_shared_types_1.MaterialSpecularGlossinessData) {
+                    else if (materialData instanceof viewer_shared_node_tree_1.MaterialSpecularGlossinessData) {
                         material = new SpecularGlossinessMaterial_1.SpecularGlossinessMaterial(properties);
                     }
-                    else if (materialData instanceof viewer_shared_types_1.MaterialGemData) {
+                    else if (materialData instanceof viewer_shared_node_tree_1.MaterialGemData) {
                         material = new GemMaterial_1.GemMaterial(properties);
                     }
-                    else if (materialData instanceof viewer_shared_types_1.MaterialLambertData) {
+                    else if (materialData instanceof viewer_shared_node_tree_1.MaterialLambertData) {
                         material = new THREE.MeshLambertMaterial(properties);
                     }
-                    else if (materialData instanceof viewer_shared_types_1.MaterialPhongData) {
+                    else if (materialData instanceof viewer_shared_node_tree_1.MaterialPhongData) {
                         material = new THREE.MeshPhongMaterial(properties);
                     }
                     else {
@@ -588,8 +590,13 @@ class MaterialLoader {
                 const before = material.onBeforeCompile;
                 material.onBeforeCompile = (shader, renderer) => {
                     before(shader, renderer);
-                    shader.uniforms.lightSizeUV = { value: this._lightSizeUV };
-                    shader.uniforms.blending = { value: this._blending };
+                    // Only add uniforms once per shader program to improve performance
+                    if (!shader.uniforms.lightSizeUV) {
+                        shader.uniforms.lightSizeUV = {
+                            value: this._lightSizeUV,
+                        };
+                        shader.uniforms.blending = { value: this._blending };
+                    }
                     material.userData.shader = shader;
                 };
                 if (material instanceof SpecularGlossinessMaterial_1.SpecularGlossinessMaterial ||
@@ -608,12 +615,12 @@ class MaterialLoader {
         }
         if (materialSettings && materialSettings.useVertexColors)
             material.vertexColors = true;
-        if (materialData instanceof viewer_shared_types_1.MaterialStandardData ||
-            materialData instanceof viewer_shared_types_1.MaterialGemData ||
-            materialData instanceof viewer_shared_types_1.MaterialSpecularGlossinessData ||
-            materialData instanceof viewer_shared_types_1.MaterialUnlitData ||
-            materialData instanceof viewer_shared_types_1.MaterialLambertData ||
-            materialData instanceof viewer_shared_types_1.MaterialPhongData) {
+        if (materialData instanceof viewer_shared_node_tree_1.MaterialStandardData ||
+            materialData instanceof viewer_shared_node_tree_1.MaterialGemData ||
+            materialData instanceof viewer_shared_node_tree_1.MaterialSpecularGlossinessData ||
+            materialData instanceof viewer_shared_node_tree_1.MaterialUnlitData ||
+            materialData instanceof viewer_shared_node_tree_1.MaterialLambertData ||
+            materialData instanceof viewer_shared_node_tree_1.MaterialPhongData) {
             if (materialData.envMap !== undefined) {
                 const envMapInput = materialData
                     .envMap;
@@ -659,6 +666,8 @@ class MaterialLoader {
     }
     emptyMaterialCache() {
         this._materialCache = {};
+        this._shaderProgramCache.clear();
+        this._compiledShaderSignatures.clear();
     }
     getMaterialProperties(materialData, type, materialSettings) {
         const generalProperties = {};
@@ -748,7 +757,7 @@ class MaterialLoader {
          *
          */
         if (type === GEOMETRY_MATERIAL_TYPE.POINT) {
-            if (materialData instanceof viewer_shared_types_1.MaterialPointData) {
+            if (materialData instanceof viewer_shared_node_tree_1.MaterialPointData) {
                 const pointMaterialProperties = generalProperties;
                 pointMaterialProperties.size =
                     materialData.size !== undefined
@@ -773,7 +782,7 @@ class MaterialLoader {
                     mapCount++;
                 }
             }
-            else if (materialData instanceof viewer_shared_types_1.MaterialMultiPointData) {
+            else if (materialData instanceof viewer_shared_node_tree_1.MaterialMultiPointData) {
                 const multiPointMaterialProperties = generalProperties;
                 if (materialData.materialIndexDataMap) {
                     multiPointMaterialProperties.materialIndexDataTexture =
@@ -789,35 +798,35 @@ class MaterialLoader {
                 }
                 multiPointMaterialProperties.size_0 =
                     materialData.size_0 !== undefined
-                        ? materialData.size_0
+                        ? this._pointSize * materialData.size_0
                         : this._pointSize;
                 multiPointMaterialProperties.size_1 =
                     materialData.size_1 !== undefined
-                        ? materialData.size_1
+                        ? this._pointSize * materialData.size_1
                         : this._pointSize;
                 multiPointMaterialProperties.size_2 =
                     materialData.size_2 !== undefined
-                        ? materialData.size_2
+                        ? this._pointSize * materialData.size_2
                         : this._pointSize;
                 multiPointMaterialProperties.size_3 =
                     materialData.size_3 !== undefined
-                        ? materialData.size_3
+                        ? this._pointSize * materialData.size_3
                         : this._pointSize;
                 multiPointMaterialProperties.size_4 =
                     materialData.size_4 !== undefined
-                        ? materialData.size_4
+                        ? this._pointSize * materialData.size_4
                         : this._pointSize;
                 multiPointMaterialProperties.size_5 =
                     materialData.size_5 !== undefined
-                        ? materialData.size_5
+                        ? this._pointSize * materialData.size_5
                         : this._pointSize;
                 multiPointMaterialProperties.size_6 =
                     materialData.size_6 !== undefined
-                        ? materialData.size_6
+                        ? this._pointSize * materialData.size_6
                         : this._pointSize;
                 multiPointMaterialProperties.size_7 =
                     materialData.size_7 !== undefined
-                        ? materialData.size_7
+                        ? this._pointSize * materialData.size_7
                         : this._pointSize;
                 multiPointMaterialProperties.userData = {
                     customPointSize_0Enabled: materialData.size_0 !== undefined,
@@ -1036,7 +1045,7 @@ class MaterialLoader {
          * Second exit, the shadow material
          *
          */
-        if (materialData instanceof viewer_shared_types_1.MaterialShadowData)
+        if (materialData instanceof viewer_shared_node_tree_1.MaterialShadowData)
             return { properties: generalProperties, mapCount };
         /**
          * We know evaluate properties that can be applied to basic mesh materials (and the ones extending from them)
@@ -1065,12 +1074,12 @@ class MaterialLoader {
          * Third exit, the unlit material
          *
          */
-        if (materialData instanceof viewer_shared_types_1.MaterialUnlitData ||
+        if (materialData instanceof viewer_shared_node_tree_1.MaterialUnlitData ||
             this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.UNLIT ||
             this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.LAMBERT ||
             this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.PHONG)
             return { properties: basicProperties, mapCount };
-        if (materialData instanceof viewer_shared_types_1.MaterialPhongData &&
+        if (materialData instanceof viewer_shared_node_tree_1.MaterialPhongData &&
             this._materialOverrideType === undefined) {
             const phongProperties = basicProperties;
             phongProperties.shininess = materialData.shininess;
@@ -1090,7 +1099,7 @@ class MaterialLoader {
             phongProperties.reflectivity = materialData.reflectivity;
             return { properties: phongProperties, mapCount };
         }
-        if (materialData instanceof viewer_shared_types_1.MaterialLambertData &&
+        if (materialData instanceof viewer_shared_node_tree_1.MaterialLambertData &&
             this._materialOverrideType === undefined) {
             const lambertProperties = basicProperties;
             if (materialData.specularMap !== undefined) {
@@ -1141,9 +1150,9 @@ class MaterialLoader {
          *
          */
         if (this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.SPECULAR_GLOSSINESS &&
-            !(materialData instanceof viewer_shared_types_1.MaterialSpecularGlossinessData))
+            !(materialData instanceof viewer_shared_node_tree_1.MaterialSpecularGlossinessData))
             return { properties: standardProperties, mapCount };
-        if (materialData instanceof viewer_shared_types_1.MaterialSpecularGlossinessData) {
+        if (materialData instanceof viewer_shared_node_tree_1.MaterialSpecularGlossinessData) {
             const specularGlossinessProperties = standardProperties;
             specularGlossinessProperties.specular =
                 this._renderingEngine.createThreeJsColor(materialData.specular);
@@ -1177,7 +1186,7 @@ class MaterialLoader {
          * Fourth exit, the gem material
          *
          */
-        if (materialData instanceof viewer_shared_types_1.MaterialGemData &&
+        if (materialData instanceof viewer_shared_node_tree_1.MaterialGemData &&
             this._materialOverrideType === undefined) {
             const gemProperties = standardProperties;
             gemProperties.refractionIndex = materialData.refractionIndex;
@@ -1215,7 +1224,7 @@ class MaterialLoader {
          * the final exit, the MeshPhysicalMaterial
          *
          */
-        if (!(materialData instanceof viewer_shared_types_1.MaterialStandardData))
+        if (!(materialData instanceof viewer_shared_node_tree_1.MaterialStandardData))
             return { properties: standardProperties, mapCount };
         const meshPhysicalProperties = standardProperties;
         meshPhysicalProperties.clearcoat = materialData.clearcoat;
@@ -1303,6 +1312,39 @@ class MaterialLoader {
         return { properties: meshPhysicalProperties, mapCount };
     }
     init() { }
+    /**
+     * Get a shader signature based on properties that affect shader compilation.
+     * Materials with the same signature can share compiled shader programs.
+     */
+    getShaderSignature(type, materialData, materialSettings) {
+        // Use a simple string concatenation for better performance than JSON.stringify
+        return `${type}_${(materialData === null || materialData === void 0 ? void 0 : materialData.constructor.name) || "default"}_${this._materialOverrideType || "none"}_${(materialSettings === null || materialSettings === void 0 ? void 0 : materialSettings.useVertexColors) ? "vc" : ""}_${(materialSettings === null || materialSettings === void 0 ? void 0 : materialSettings.useFlatShading) ? "fs" : ""}_${(materialSettings === null || materialSettings === void 0 ? void 0 : materialSettings.useMorphTargets) ? "mt" : ""}_${this._envMapType}`;
+    }
+    /**
+     * Precompile shaders for a batch of materials to avoid runtime compilation costs.
+     * This should be called during initialization or loading phases.
+     */
+    precompileShaders(materials, scene, camera) {
+        if (!this._renderingEngine.renderer)
+            return;
+        const compiler = this._renderingEngine.renderer;
+        const dummyGeometry = new THREE.PlaneGeometry(1, 1);
+        for (const material of materials) {
+            // Skip if already compiled
+            const signature = material.userData.shaderSignature;
+            if (signature && this._compiledShaderSignatures.has(signature)) {
+                continue;
+            }
+            const dummyMesh = new THREE.Mesh(dummyGeometry, material);
+            scene.add(dummyMesh);
+            compiler.compile(scene, camera);
+            scene.remove(dummyMesh);
+            if (signature) {
+                this._compiledShaderSignatures.add(signature);
+            }
+        }
+        dummyGeometry.dispose();
+    }
     /**
      * Create a material object with the provided material data.
      *
@@ -1311,7 +1353,7 @@ class MaterialLoader {
      */
     load(incomingData, materialSettings) {
         let materialData = null;
-        if (!(incomingData instanceof viewer_shared_types_1.GeometryData))
+        if (!(incomingData instanceof viewer_shared_node_tree_1.GeometryData))
             materialData = incomingData;
         // evaluate which type of material properties we are constructing
         let type;
@@ -1327,13 +1369,21 @@ class MaterialLoader {
         else {
             type = GEOMETRY_MATERIAL_TYPE.MESH;
         }
-        const material = this.createMaterial(type, incomingData, materialData, materialSettings);
         const cacheKey = this.createDataKeyFromMaterial(incomingData, type, materialSettings);
-        material.userData.cacheKey = cacheKey;
+        // Check material cache first
         if (this._materialCache[cacheKey]) {
-            this._materialCache[cacheKey].material.copy(material);
             return this._materialCache[cacheKey].material;
         }
+        // Create new material
+        const material = this.createMaterial(type, incomingData, materialData, materialSettings);
+        // Track shader signature for potential future optimizations
+        const shaderSignature = this.getShaderSignature(type, materialData, materialSettings);
+        material.userData.cacheKey = cacheKey;
+        material.userData.shaderSignature = shaderSignature;
+        // Store in shader program cache for precompilation tracking
+        if (!this._shaderProgramCache.has(shaderSignature)) {
+            this._shaderProgramCache.set(shaderSignature, material);
+        }
         this._materialCache[cacheKey] = {
             material,
             materialData,
@@ -1384,7 +1434,20 @@ class MaterialLoader {
         }
     }
     createDataKeyFromMap(map) {
-        return (0, viewer_shared_services_1.btoaCustom)(`${map.image.src}_${map.center}_${map.color}_${map.flipY}_${map.magFilter}_${map.minFilter}_${map.offset}_${map.repeat}_${map.rotation}_${map.texCoord}_${map.wrapS}_${map.wrapT}`);
+        let id = "";
+        if (map.asData === true) {
+            id = map.id;
+        }
+        else if (map.image instanceof HTMLImageElement) {
+            id = map.image.src;
+        }
+        else if (map.image instanceof ImageBitmap) {
+            id = map.image.id;
+        }
+        else {
+            id = String(map.data);
+        }
+        return (0, viewer_shared_services_1.btoaCustom)(`${id}_${map.center}_${map.color}_${map.flipY}_${map.magFilter}_${map.minFilter}_${map.offset}_${map.repeat}_${map.rotation}_${map.texCoord}_${map.wrapS}_${map.wrapT}`);
     }
     createDataKeyFromMaterial(data, type, materialSettings) {
         return (0, viewer_shared_services_1.btoaCustom)(data.id +