@shapediver/viewer.rendering-engine.rendering-engine-threejs 3.8.15 → 3.9.1

package/dist/loaders/MaterialLoader.js

@@ -24,17 +24,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.adaptShaders = exports.MaterialLoader = void 0;
-const THREE = __importStar(require("three"));
+const viewer_shared_node_tree_1 = require("@shapediver/viewer.shared.node-tree");
 const viewer_shared_services_1 = require("@shapediver/viewer.shared.services");
-const PCSS_1 = require("../shaders/PCSS");
-const EnvironmentMapLoader_1 = require("./EnvironmentMapLoader");
-const GemMaterial_1 = require("../materials/GemMaterial");
 const viewer_shared_types_1 = require("@shapediver/viewer.shared.types");
-const viewer_shared_node_tree_1 = require("@shapediver/viewer.shared.node-tree");
 const gl_matrix_1 = require("gl-matrix");
+const THREE = __importStar(require("three"));
+const GemMaterial_1 = require("../materials/GemMaterial");
 const MultiPointsMaterial_1 = require("../materials/MultiPointsMaterial");
-const SDColor_1 = require("../objects/SDColor");
 const SpecularGlossinessMaterial_1 = require("../materials/SpecularGlossinessMaterial");
+const SDColor_1 = require("../objects/SDColor");
+const PCSS_1 = require("../shaders/PCSS");
+const EnvironmentMapLoader_1 = require("./EnvironmentMapLoader");
 // #endregion Type aliases (6)
 // #region Classes (1)
 class MaterialLoader {
@@ -46,9 +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({ color: '#199b9b', side: viewer_shared_types_1.MATERIAL_SIDE.DOUBLE, metalness: 0.0 });
-        this._defaultPointMaterialData = new viewer_shared_types_1.MaterialPointData({ color: '#199b9b' });
+        this._defaultLineMaterialData = new viewer_shared_types_1.MaterialBasicLineData({ color: "#199b9b" });
+        this._defaultMaterialData = new viewer_shared_types_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._envMap = null;
         this._envMapIntensity = 1;
         this._envMapType = EnvironmentMapLoader_1.ENVIRONMENT_MAP_TYPE.NULL;
@@ -128,7 +132,7 @@ class MaterialLoader {
                 return c;
             }
             else {
-                const sdColor = this._renderingEngine.colorCache.find(color => color.equals(c));
+                const sdColor = this._renderingEngine.colorCache.find((color) => color.equals(c));
                 if (sdColor) {
                     sdColor.colorCorrection(toggle);
                     return sdColor;
@@ -136,8 +140,10 @@ class MaterialLoader {
                 else {
                     // we check in this case if the converted color has been stored already
                     const clone = c.clone();
-                    toggle === true ? clone.convertSRGBToLinear() : clone.convertLinearToSRGB();
-                    const sdColorClone = this._renderingEngine.colorCache.find(color => color.equals(clone));
+                    toggle === true
+                        ? clone.convertSRGBToLinear()
+                        : clone.convertLinearToSRGB();
+                    const sdColorClone = this._renderingEngine.colorCache.find((color) => color.equals(clone));
                     if (sdColorClone) {
                         sdColorClone.colorCorrection(toggle);
                         return sdColorClone;
@@ -174,7 +180,9 @@ class MaterialLoader {
     }
     assignDefaultLineMaterial() {
         for (const cacheKey in this._materialCache) {
-            if (this._materialCache[cacheKey].material instanceof THREE.LineBasicMaterial && this._materialCache[cacheKey].materialData === null) {
+            if (this._materialCache[cacheKey].material instanceof
+                THREE.LineBasicMaterial &&
+                this._materialCache[cacheKey].materialData === null) {
                 const material = this._materialCache[cacheKey].material;
                 const { properties, mapCount } = this.getMaterialProperties(this._defaultLineMaterialData, GEOMETRY_MATERIAL_TYPE.LINE, undefined);
                 this.maxMapCount = Math.max(this.maxMapCount, mapCount);
@@ -192,6 +200,12 @@ class MaterialLoader {
                 if (material instanceof THREE.MeshBasicMaterial) {
                     material.copy(new THREE.MeshBasicMaterial(properties));
                 }
+                else if (material instanceof THREE.MeshPhongMaterial) {
+                    material.copy(new THREE.MeshPhongMaterial(properties));
+                }
+                else if (material instanceof THREE.MeshLambertMaterial) {
+                    material.copy(new THREE.MeshLambertMaterial(properties));
+                }
                 else if (material instanceof SpecularGlossinessMaterial_1.SpecularGlossinessMaterial) {
                     material.copy(new SpecularGlossinessMaterial_1.SpecularGlossinessMaterial(properties));
                 }
@@ -204,8 +218,10 @@ class MaterialLoader {
     }
     assignDefaultPointMaterial() {
         for (const cacheKey in this._materialCache) {
-            if (this._materialCache[cacheKey].material instanceof THREE.PointsMaterial && this._materialCache[cacheKey].materialData === null) {
-                const material = this._materialCache[cacheKey].material;
+            if (this._materialCache[cacheKey].material instanceof
+                THREE.PointsMaterial &&
+                this._materialCache[cacheKey].materialData === null) {
+                const material = (this._materialCache[cacheKey].material);
                 const { properties, mapCount } = this.getMaterialProperties(this._defaultPointMaterialData, GEOMETRY_MATERIAL_TYPE.POINT, undefined);
                 this.maxMapCount = Math.max(this.maxMapCount, mapCount);
                 material.copy(new THREE.PointsMaterial(properties));
@@ -217,46 +233,81 @@ class MaterialLoader {
         this._envMap = e;
         this._envMapType = type;
         for (const cacheKey in this._materialCache) {
-            if ((this._materialCache[cacheKey].material instanceof THREE.MeshPhysicalMaterial || this._materialCache[cacheKey].material instanceof THREE.MeshStandardMaterial || this._materialCache[cacheKey].material instanceof THREE.MeshBasicMaterial)) {
+            if (this._materialCache[cacheKey].material instanceof
+                THREE.MeshPhysicalMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshStandardMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshBasicMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshLambertMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshPhongMaterial) {
                 const material = this._materialCache[cacheKey].material;
                 if (this._materialCache[cacheKey].materialData &&
-                    (this._materialCache[cacheKey].materialData instanceof viewer_shared_types_1.MaterialStandardData ||
-                        this._materialCache[cacheKey].materialData instanceof viewer_shared_types_1.MaterialGemData ||
-                        this._materialCache[cacheKey].materialData instanceof viewer_shared_types_1.MaterialSpecularGlossinessData ||
-                        this._materialCache[cacheKey].materialData instanceof viewer_shared_types_1.MaterialUnlitData) &&
-                    this._materialCache[cacheKey].materialData.envMap !== undefined)
+                    (this._materialCache[cacheKey].materialData instanceof
+                        viewer_shared_types_1.MaterialStandardData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_types_1.MaterialGemData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_types_1.MaterialSpecularGlossinessData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_types_1.MaterialUnlitData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_types_1.MaterialLambertData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_types_1.MaterialPhongData) &&
+                    (this._materialCache[cacheKey].materialData).envMap !== undefined)
                     continue;
-                if (this._materialCache[cacheKey].materialData instanceof viewer_shared_types_1.MaterialUnlitData && this._renderingEngine.environmentMapForUnlitMaterials === false)
+                if ((this._materialCache[cacheKey].materialData instanceof
+                    viewer_shared_types_1.MaterialUnlitData ||
+                    this._materialCache[cacheKey].materialData instanceof
+                        viewer_shared_types_1.MaterialLambertData ||
+                    this._materialCache[cacheKey].materialData instanceof
+                        viewer_shared_types_1.MaterialPhongData) &&
+                    this._renderingEngine.environmentMapForUnlitMaterials ===
+                        false)
                     return;
                 material.envMap = e;
                 material.needsUpdate = true;
                 for (const d in material.defines) {
-                    if (d.startsWith('ENVMAP_TYPE_'))
+                    if (d.startsWith("ENVMAP_TYPE_"))
                         delete material.defines[d];
                 }
                 if (material.defines)
-                    material.defines['ENVMAP_TYPE_' + this._envMapType.toUpperCase()] = '';
+                    material.defines["ENVMAP_TYPE_" + this._envMapType.toUpperCase()] = "";
                 this.assignEnvironmentMapRotation(this._renderingEngine.environmentMapRotation);
             }
         }
     }
     assignEnvironmentMapForUnlitMaterials(toggle) {
         for (const cacheKey in this._materialCache) {
-            if (this._materialCache[cacheKey].material instanceof THREE.MeshBasicMaterial) {
-                const material = this._materialCache[cacheKey].material;
+            if (this._materialCache[cacheKey].material instanceof
+                THREE.MeshBasicMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshLambertMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshPhongMaterial) {
+                const material = this._materialCache[cacheKey]
+                    .material;
                 if (this._materialCache[cacheKey].materialData &&
-                    this._materialCache[cacheKey].materialData instanceof viewer_shared_types_1.MaterialUnlitData &&
+                    (this._materialCache[cacheKey].materialData instanceof
+                        viewer_shared_types_1.MaterialUnlitData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_types_1.MaterialLambertData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_types_1.MaterialPhongData) &&
                     this._materialCache[cacheKey].materialData.envMap !== undefined)
                     continue;
                 if (toggle) {
                     material.envMap = this._envMap;
                     material.needsUpdate = true;
                     for (const d in material.defines) {
-                        if (d.startsWith('ENVMAP_TYPE_'))
+                        if (d.startsWith("ENVMAP_TYPE_"))
                             delete material.defines[d];
                     }
                     if (material.defines)
-                        material.defines['ENVMAP_TYPE_' + this._envMapType.toUpperCase()] = '';
+                        material.defines["ENVMAP_TYPE_" + this._envMapType.toUpperCase()] = "";
                 }
                 else {
                     material.envMap = null;
@@ -268,14 +319,22 @@ class MaterialLoader {
     assignEnvironmentMapIntensity(value) {
         this._envMapIntensity = value;
         for (const cacheKey in this._materialCache) {
-            if ((this._materialCache[cacheKey].material instanceof THREE.MeshPhysicalMaterial || this._materialCache[cacheKey].material instanceof THREE.MeshStandardMaterial)) {
-                const material = this._materialCache[cacheKey].material;
+            if (this._materialCache[cacheKey].material instanceof
+                THREE.MeshPhysicalMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshStandardMaterial) {
+                const material = this._materialCache[cacheKey]
+                    .material;
                 if (this._materialCache[cacheKey].materialData &&
-                    (this._materialCache[cacheKey].materialData instanceof viewer_shared_types_1.MaterialStandardData ||
-                        this._materialCache[cacheKey].materialData instanceof viewer_shared_types_1.MaterialGemData ||
-                        this._materialCache[cacheKey].materialData instanceof viewer_shared_types_1.MaterialSpecularGlossinessData ||
-                        this._materialCache[cacheKey].materialData instanceof viewer_shared_types_1.MaterialUnlitData) &&
-                    this._materialCache[cacheKey].materialData.envMap !== undefined)
+                    (this._materialCache[cacheKey].materialData instanceof
+                        viewer_shared_types_1.MaterialStandardData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_types_1.MaterialGemData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_types_1.MaterialSpecularGlossinessData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_types_1.MaterialUnlitData) &&
+                    (this._materialCache[cacheKey].materialData).envMap !== undefined)
                     continue;
                 material.envMapIntensity = value;
                 material.needsUpdate = true;
@@ -284,17 +343,29 @@ class MaterialLoader {
     }
     assignEnvironmentMapRotation(value) {
         // we switch the y and z axis to match the three.js coordinate system
-        const rotationMatrix = new THREE.Matrix4().fromArray(gl_matrix_1.mat4.fromQuat(gl_matrix_1.mat4.create(), gl_matrix_1.quat.fromValues(value[0], value[2], -value[1], value[3]))).transpose();
-        this._environmentMapRotationEuler = new THREE.Euler().setFromRotationMatrix(rotationMatrix);
-        this._renderingEngine.scene.backgroundRotation = this._environmentMapRotationEuler;
+        const rotationMatrix = new THREE.Matrix4()
+            .fromArray(gl_matrix_1.mat4.fromQuat(gl_matrix_1.mat4.create(), gl_matrix_1.quat.fromValues(value[0], value[2], -value[1], value[3])))
+            .transpose();
+        this._environmentMapRotationEuler =
+            new THREE.Euler().setFromRotationMatrix(rotationMatrix);
+        this._renderingEngine.scene.backgroundRotation =
+            this._environmentMapRotationEuler;
         for (const cacheKey in this._materialCache) {
-            if ((this._materialCache[cacheKey].material instanceof THREE.MeshPhysicalMaterial || this._materialCache[cacheKey].material instanceof THREE.MeshStandardMaterial)) {
-                const material = this._materialCache[cacheKey].material;
+            if (this._materialCache[cacheKey].material instanceof
+                THREE.MeshPhysicalMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshStandardMaterial) {
+                const material = this._materialCache[cacheKey]
+                    .material;
                 if (this._materialCache[cacheKey].materialData &&
-                    (this._materialCache[cacheKey].materialData instanceof viewer_shared_types_1.MaterialStandardData ||
-                        this._materialCache[cacheKey].materialData instanceof viewer_shared_types_1.MaterialGemData ||
-                        this._materialCache[cacheKey].materialData instanceof viewer_shared_types_1.MaterialSpecularGlossinessData ||
-                        this._materialCache[cacheKey].materialData instanceof viewer_shared_types_1.MaterialUnlitData) &&
+                    (this._materialCache[cacheKey].materialData instanceof
+                        viewer_shared_types_1.MaterialStandardData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_types_1.MaterialGemData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_types_1.MaterialSpecularGlossinessData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_types_1.MaterialUnlitData) &&
                     this._materialCache[cacheKey].materialData.envMap !== undefined)
                     continue;
                 material.envMapRotation = this._environmentMapRotationEuler;
@@ -303,72 +374,124 @@ class MaterialLoader {
         }
     }
     assignPointSize(p) {
-        const height = this._renderingEngine.renderer ? this._renderingEngine.renderer.getSize(new THREE.Vector2()).y : 1080;
-        if (height === this._height && p * (this._height / 1080) === this._pointSize)
+        const height = this._renderingEngine.renderer
+            ? this._renderingEngine.renderer.getSize(new THREE.Vector2()).y
+            : 1080;
+        if (height === this._height &&
+            p * (this._height / 1080) === this._pointSize)
             return;
         this._height = height;
         this._pointSize = p * (this._height / 1080);
         for (const cacheKey in this._materialCache) {
-            if (this._materialCache[cacheKey].material instanceof MultiPointsMaterial_1.MultiPointsMaterial) {
-                const material = this._materialCache[cacheKey].material;
-                if (this._materialCache[cacheKey].material.userData.customPointSize_0Enabled && this._materialCache[cacheKey].material.userData.customPointSize_0Enabled === true) {
-                    material.size_0 = this._pointSize * this._materialCache[cacheKey].material.userData.customPointSize_0;
+            if (this._materialCache[cacheKey].material instanceof
+                MultiPointsMaterial_1.MultiPointsMaterial) {
+                const material = (this._materialCache[cacheKey].material);
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSize_0Enabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSize_0Enabled === true) {
+                    material.size_0 =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize_0;
                     material.needsUpdate = true;
                 }
                 else {
                     material.size_0 = this._pointSize;
                     material.needsUpdate = true;
                 }
-                if (this._materialCache[cacheKey].material.userData.customPointSize_1Enabled && this._materialCache[cacheKey].material.userData.customPointSize_1Enabled === true) {
-                    material.size_1 = this._pointSize * this._materialCache[cacheKey].material.userData.customPointSize_1;
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSize_1Enabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSize_1Enabled === true) {
+                    material.size_1 =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize_1;
                     material.needsUpdate = true;
                 }
                 else {
                     material.size_1 = this._pointSize;
                     material.needsUpdate = true;
                 }
-                if (this._materialCache[cacheKey].material.userData.customPointSize_2Enabled && this._materialCache[cacheKey].material.userData.customPointSize_2Enabled === true) {
-                    material.size_2 = this._pointSize * this._materialCache[cacheKey].material.userData.customPointSize_2;
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSize_2Enabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSize_2Enabled === true) {
+                    material.size_2 =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize_2;
                     material.needsUpdate = true;
                 }
                 else {
                     material.size_2 = this._pointSize;
                     material.needsUpdate = true;
                 }
-                if (this._materialCache[cacheKey].material.userData.customPointSize_3Enabled && this._materialCache[cacheKey].material.userData.customPointSize_3Enabled === true) {
-                    material.size_3 = this._pointSize * this._materialCache[cacheKey].material.userData.customPointSize_3;
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSize_3Enabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSize_3Enabled === true) {
+                    material.size_3 =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize_3;
                     material.needsUpdate = true;
                 }
                 else {
                     material.size_3 = this._pointSize;
                     material.needsUpdate = true;
                 }
-                if (this._materialCache[cacheKey].material.userData.customPointSize_4Enabled && this._materialCache[cacheKey].material.userData.customPointSize_4Enabled === true) {
-                    material.size_4 = this._pointSize * this._materialCache[cacheKey].material.userData.customPointSize_4;
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSize_4Enabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSize_4Enabled === true) {
+                    material.size_4 =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize_4;
                     material.needsUpdate = true;
                 }
                 else {
                     material.size_4 = this._pointSize;
                     material.needsUpdate = true;
                 }
-                if (this._materialCache[cacheKey].material.userData.customPointSize_5Enabled && this._materialCache[cacheKey].material.userData.customPointSize_5Enabled === true) {
-                    material.size_5 = this._pointSize * this._materialCache[cacheKey].material.userData.customPointSize_5;
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSize_5Enabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSize_5Enabled === true) {
+                    material.size_5 =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize_5;
                     material.needsUpdate = true;
                 }
                 else {
                     material.size_5 = this._pointSize;
                     material.needsUpdate = true;
                 }
-                if (this._materialCache[cacheKey].material.userData.customPointSize_6Enabled && this._materialCache[cacheKey].material.userData.customPointSize_6Enabled === true) {
-                    material.size_6 = this._pointSize * this._materialCache[cacheKey].material.userData.customPointSize_6;
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSize_6Enabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSize_6Enabled === true) {
+                    material.size_6 =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize_6;
                     material.needsUpdate = true;
                 }
                 else {
                     material.size_6 = this._pointSize;
                     material.needsUpdate = true;
                 }
-                if (this._materialCache[cacheKey].material.userData.customPointSize_7Enabled && this._materialCache[cacheKey].material.userData.customPointSize_7Enabled === true) {
-                    material.size_7 = this._pointSize * this._materialCache[cacheKey].material.userData.customPointSize_7;
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSize_7Enabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSize_7Enabled === true) {
+                    material.size_7 =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize_7;
                     material.needsUpdate = true;
                 }
                 else {
@@ -376,10 +499,17 @@ class MaterialLoader {
                     material.needsUpdate = true;
                 }
             }
-            else if (this._materialCache[cacheKey].material instanceof THREE.PointsMaterial) {
-                const material = this._materialCache[cacheKey].material;
-                if (this._materialCache[cacheKey].material.userData.customPointSizeEnabled && this._materialCache[cacheKey].material.userData.customPointSizeEnabled === true) {
-                    material.size = this._pointSize * this._materialCache[cacheKey].material.userData.customPointSize;
+            else if (this._materialCache[cacheKey].material instanceof
+                THREE.PointsMaterial) {
+                const material = (this._materialCache[cacheKey].material);
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSizeEnabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSizeEnabled === true) {
+                    material.size =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize;
                     material.needsUpdate = true;
                 }
                 else {
@@ -413,16 +543,28 @@ class MaterialLoader {
             }
             else {
                 if (materialData instanceof viewer_shared_types_1.MaterialShadowData) {
-                    material = new THREE.ShadowMaterial({ opacity: properties.opacity, color: properties.color, transparent: true, depthWrite: false });
+                    material = new THREE.ShadowMaterial({
+                        opacity: properties.opacity,
+                        color: properties.color,
+                        transparent: true,
+                        depthWrite: false,
+                    });
                 }
                 else {
                     if (this._materialOverrideType !== undefined) {
                         if (this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.UNLIT) {
                             material = new THREE.MeshBasicMaterial(properties);
                         }
-                        else if (this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.SPECULAR_GLOSSINESS) {
+                        else if (this._materialOverrideType ===
+                            viewer_shared_types_1.MATERIAL_TYPE.SPECULAR_GLOSSINESS) {
                             material = new SpecularGlossinessMaterial_1.SpecularGlossinessMaterial(properties);
                         }
+                        else if (this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.LAMBERT) {
+                            material = new THREE.MeshLambertMaterial(properties);
+                        }
+                        else if (this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.PHONG) {
+                            material = new THREE.MeshPhongMaterial(properties);
+                        }
                         else {
                             material = new THREE.MeshPhysicalMaterial(properties);
                         }
@@ -433,6 +575,12 @@ class MaterialLoader {
                     else if (materialData instanceof viewer_shared_types_1.MaterialGemData) {
                         material = new GemMaterial_1.GemMaterial(properties);
                     }
+                    else if (materialData instanceof viewer_shared_types_1.MaterialLambertData) {
+                        material = new THREE.MeshLambertMaterial(properties);
+                    }
+                    else if (materialData instanceof viewer_shared_types_1.MaterialPhongData) {
+                        material = new THREE.MeshPhongMaterial(properties);
+                    }
                     else {
                         material = new THREE.MeshPhysicalMaterial(properties);
                     }
@@ -444,11 +592,14 @@ class MaterialLoader {
                     shader.uniforms.blending = { value: this._blending };
                     material.userData.shader = shader;
                 };
-                if (material instanceof SpecularGlossinessMaterial_1.SpecularGlossinessMaterial || material instanceof THREE.MeshPhysicalMaterial) {
-                    material.defines['ENVMAP_TYPE_' + this._envMapType.toUpperCase()] = '';
+                if (material instanceof SpecularGlossinessMaterial_1.SpecularGlossinessMaterial ||
+                    material instanceof THREE.MeshPhysicalMaterial) {
+                    material.defines["ENVMAP_TYPE_" + this._envMapType.toUpperCase()] = "";
                     if (materialSettings && materialSettings.useVertexTangents)
                         material.normalScale.y *= -1;
-                    if (materialSettings && materialSettings.useVertexTangents && material instanceof THREE.MeshPhysicalMaterial)
+                    if (materialSettings &&
+                        materialSettings.useVertexTangents &&
+                        material instanceof THREE.MeshPhysicalMaterial)
                         material.clearcoatNormalScale.y *= -1;
                     if (materialSettings && materialSettings.useFlatShading)
                         material.flatShading = true;
@@ -457,22 +608,35 @@ 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) {
+        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.envMap !== undefined) {
-                const envMapInput = materialData.envMap;
+                const envMapInput = materialData
+                    .envMap;
                 if (envMapInput !== undefined) {
                     const envMapResult = this._renderingEngine.environmentMapLoader.loadEnvMap(envMapInput);
-                    envMapResult.map.then(envMap => {
-                        if (material instanceof THREE.MeshBasicMaterial && this._renderingEngine.environmentMapForUnlitMaterials === false)
+                    envMapResult.map.then((envMap) => {
+                        if ((material instanceof THREE.MeshBasicMaterial ||
+                            material instanceof THREE.MeshLambertMaterial ||
+                            material instanceof THREE.MeshPhongMaterial) &&
+                            this._renderingEngine
+                                .environmentMapForUnlitMaterials === false)
                             return;
                         material.envMap = envMap;
-                        const envMapType = material.envMap instanceof THREE.CubeTexture ? EnvironmentMapLoader_1.ENVIRONMENT_MAP_TYPE.LDR : EnvironmentMapLoader_1.ENVIRONMENT_MAP_TYPE.HDR;
+                        const envMapType = material
+                            .envMap instanceof THREE.CubeTexture
+                            ? EnvironmentMapLoader_1.ENVIRONMENT_MAP_TYPE.LDR
+                            : EnvironmentMapLoader_1.ENVIRONMENT_MAP_TYPE.HDR;
                         for (const d in material.defines) {
-                            if (d.startsWith('ENVMAP_TYPE_'))
+                            if (d.startsWith("ENVMAP_TYPE_"))
                                 delete material.defines[d];
                         }
                         if (material.defines)
-                            material.defines['ENVMAP_TYPE_' + envMapType.toUpperCase()] = '';
+                            material.defines["ENVMAP_TYPE_" + envMapType.toUpperCase()] = "";
                         material.needsUpdate = true;
                     });
                 }
@@ -488,7 +652,7 @@ class MaterialLoader {
         else {
             material.userData = {
                 SDid: incomingData.id,
-                SDversion: incomingData.version
+                SDversion: incomingData.version,
             };
         }
         return material;
@@ -508,11 +672,13 @@ class MaterialLoader {
                 return this.getMaterialProperties(this._defaultLineMaterialData, type, materialSettings);
             }
             else {
-                if (materialSettings !== undefined && materialSettings.useVertexColors) {
+                if (materialSettings !== undefined &&
+                    materialSettings.useVertexColors) {
                     const currentDefaultMaterialColor = this._defaultMaterialData.color;
-                    this._defaultMaterialData.color = '#d3d3d3';
+                    this._defaultMaterialData.color = "#d3d3d3";
                     const properties = this.getMaterialProperties(this._defaultMaterialData, type, materialSettings);
-                    this._defaultMaterialData.color = currentDefaultMaterialColor;
+                    this._defaultMaterialData.color =
+                        currentDefaultMaterialColor;
                     return properties;
                 }
                 else {
@@ -546,14 +712,36 @@ class MaterialLoader {
         }
         if (materialData.color !== undefined)
             generalProperties.color = this._renderingEngine.createThreeJsColor(materialData.color);
-        if (materialData.color === undefined && materialData.map !== undefined && materialData.map.color !== undefined)
+        if (materialData.color === undefined &&
+            materialData.map !== undefined &&
+            materialData.map.color !== undefined)
             generalProperties.color = this._renderingEngine.createThreeJsColor(materialData.map.color);
-        if (materialData.color === undefined && materialData.map !== undefined && materialData.map.color === undefined && !(materialSettings !== undefined && materialSettings.useVertexColors))
+        if (materialData.color === undefined &&
+            materialData.map !== undefined &&
+            materialData.map.color === undefined &&
+            !(materialSettings !== undefined &&
+                materialSettings.useVertexColors))
             generalProperties.color = this._renderingEngine.createThreeJsColor(this._renderingEngine.defaultMaterialColor);
-        if ((materialSettings !== undefined && materialSettings.useVertexColors) && (materialData.color === this._converter.toHexColor(this._renderingEngine.defaultMaterialColor) || materialData.color + 'ff' === this._converter.toHexColor(this._renderingEngine.defaultMaterialColor) || materialData.color === this._renderingEngine.defaultMaterialColor || materialData.color === this._renderingEngine.defaultMaterialColor + 'ff' || materialData.color === undefined))
-            generalProperties.color = this._renderingEngine.createThreeJsColor('#d3d3d3');
+        if (materialSettings !== undefined &&
+            materialSettings.useVertexColors &&
+            (materialData.color ===
+                this._converter.toHexColor(this._renderingEngine.defaultMaterialColor) ||
+                materialData.color + "ff" ===
+                    this._converter.toHexColor(this._renderingEngine.defaultMaterialColor) ||
+                materialData.color ===
+                    this._renderingEngine.defaultMaterialColor ||
+                materialData.color ===
+                    this._renderingEngine.defaultMaterialColor + "ff" ||
+                materialData.color === undefined))
+            generalProperties.color =
+                this._renderingEngine.createThreeJsColor("#d3d3d3");
         if (materialData.side !== undefined)
-            generalProperties.side = materialData.side === viewer_shared_types_1.MATERIAL_SIDE.BACK ? THREE.BackSide : materialData.side === viewer_shared_types_1.MATERIAL_SIDE.FRONT ? THREE.FrontSide : THREE.DoubleSide;
+            generalProperties.side =
+                materialData.side === viewer_shared_types_1.MATERIAL_SIDE.BACK
+                    ? THREE.BackSide
+                    : materialData.side === viewer_shared_types_1.MATERIAL_SIDE.FRONT
+                        ? THREE.FrontSide
+                        : THREE.DoubleSide;
         /**
          *
          * First exit, lines ans points
@@ -562,12 +750,18 @@ class MaterialLoader {
         if (type === GEOMETRY_MATERIAL_TYPE.POINT) {
             if (materialData instanceof viewer_shared_types_1.MaterialPointData) {
                 const pointMaterialProperties = generalProperties;
-                pointMaterialProperties.size = materialData.size !== undefined ? materialData.size : this._pointSize;
+                pointMaterialProperties.size =
+                    materialData.size !== undefined
+                        ? materialData.size
+                        : this._pointSize;
                 pointMaterialProperties.userData = {
                     customPointSizeEnabled: materialData.size !== undefined,
-                    customPointSize: materialData.size
+                    customPointSize: materialData.size,
                 };
-                pointMaterialProperties.sizeAttenuation = materialData.sizeAttenuation !== undefined ? materialData.sizeAttenuation : true;
+                pointMaterialProperties.sizeAttenuation =
+                    materialData.sizeAttenuation !== undefined
+                        ? materialData.sizeAttenuation
+                        : true;
                 if (materialData.map !== undefined) {
                     pointMaterialProperties.map = this.createTexture(materialData.map);
                     mapCount++;
@@ -582,21 +776,49 @@ class MaterialLoader {
             else if (materialData instanceof viewer_shared_types_1.MaterialMultiPointData) {
                 const multiPointMaterialProperties = generalProperties;
                 if (materialData.materialIndexDataMap) {
-                    multiPointMaterialProperties.materialIndexDataTexture = this.createTexture(materialData.materialIndexDataMap);
+                    multiPointMaterialProperties.materialIndexDataTexture =
+                        this.createTexture(materialData.materialIndexDataMap);
                 }
                 else {
                     multiPointMaterialProperties.materialIndexDataTexture =
-                        new THREE.DataTexture(new Uint8Array(multiPointMaterialProperties.materialIndexDataTextureSize || 1024), multiPointMaterialProperties.materialIndexDataTextureSize || 1024, 1, THREE.RedIntegerFormat, THREE.UnsignedIntType);
-                    multiPointMaterialProperties.materialIndexDataTexture.internalFormat = 'R32UI';
-                }
-                multiPointMaterialProperties.size_0 = materialData.size_0 !== undefined ? materialData.size_0 : this._pointSize;
-                multiPointMaterialProperties.size_1 = materialData.size_1 !== undefined ? materialData.size_1 : this._pointSize;
-                multiPointMaterialProperties.size_2 = materialData.size_2 !== undefined ? materialData.size_2 : this._pointSize;
-                multiPointMaterialProperties.size_3 = materialData.size_3 !== undefined ? materialData.size_3 : this._pointSize;
-                multiPointMaterialProperties.size_4 = materialData.size_4 !== undefined ? materialData.size_4 : this._pointSize;
-                multiPointMaterialProperties.size_5 = materialData.size_5 !== undefined ? materialData.size_5 : this._pointSize;
-                multiPointMaterialProperties.size_6 = materialData.size_6 !== undefined ? materialData.size_6 : this._pointSize;
-                multiPointMaterialProperties.size_7 = materialData.size_7 !== undefined ? materialData.size_7 : this._pointSize;
+                        new THREE.DataTexture(new Uint8Array(multiPointMaterialProperties.materialIndexDataTextureSize ||
+                            1024), multiPointMaterialProperties.materialIndexDataTextureSize ||
+                            1024, 1, THREE.RedIntegerFormat, THREE.UnsignedIntType);
+                    multiPointMaterialProperties.materialIndexDataTexture.internalFormat =
+                        "R32UI";
+                }
+                multiPointMaterialProperties.size_0 =
+                    materialData.size_0 !== undefined
+                        ? materialData.size_0
+                        : this._pointSize;
+                multiPointMaterialProperties.size_1 =
+                    materialData.size_1 !== undefined
+                        ? materialData.size_1
+                        : this._pointSize;
+                multiPointMaterialProperties.size_2 =
+                    materialData.size_2 !== undefined
+                        ? materialData.size_2
+                        : this._pointSize;
+                multiPointMaterialProperties.size_3 =
+                    materialData.size_3 !== undefined
+                        ? materialData.size_3
+                        : this._pointSize;
+                multiPointMaterialProperties.size_4 =
+                    materialData.size_4 !== undefined
+                        ? materialData.size_4
+                        : this._pointSize;
+                multiPointMaterialProperties.size_5 =
+                    materialData.size_5 !== undefined
+                        ? materialData.size_5
+                        : this._pointSize;
+                multiPointMaterialProperties.size_6 =
+                    materialData.size_6 !== undefined
+                        ? materialData.size_6
+                        : this._pointSize;
+                multiPointMaterialProperties.size_7 =
+                    materialData.size_7 !== undefined
+                        ? materialData.size_7
+                        : this._pointSize;
                 multiPointMaterialProperties.userData = {
                     customPointSize_0Enabled: materialData.size_0 !== undefined,
                     customPointSize_1Enabled: materialData.size_1 !== undefined,
@@ -613,135 +835,191 @@ class MaterialLoader {
                     customPointSize_4: materialData.size_4,
                     customPointSize_5: materialData.size_5,
                     customPointSize_6: materialData.size_6,
-                    customPointSize_7: materialData.size_7
+                    customPointSize_7: materialData.size_7,
                 };
-                multiPointMaterialProperties.sizeAttenuation_0 = materialData.sizeAttenuation_0 !== undefined ? materialData.sizeAttenuation_0 : false;
-                multiPointMaterialProperties.sizeAttenuation_1 = materialData.sizeAttenuation_1 !== undefined ? materialData.sizeAttenuation_1 : false;
-                multiPointMaterialProperties.sizeAttenuation_2 = materialData.sizeAttenuation_2 !== undefined ? materialData.sizeAttenuation_2 : false;
-                multiPointMaterialProperties.sizeAttenuation_3 = materialData.sizeAttenuation_3 !== undefined ? materialData.sizeAttenuation_3 : false;
-                multiPointMaterialProperties.sizeAttenuation_4 = materialData.sizeAttenuation_4 !== undefined ? materialData.sizeAttenuation_4 : false;
-                multiPointMaterialProperties.sizeAttenuation_5 = materialData.sizeAttenuation_5 !== undefined ? materialData.sizeAttenuation_5 : false;
-                multiPointMaterialProperties.sizeAttenuation_6 = materialData.sizeAttenuation_6 !== undefined ? materialData.sizeAttenuation_6 : false;
-                multiPointMaterialProperties.sizeAttenuation_7 = materialData.sizeAttenuation_7 !== undefined ? materialData.sizeAttenuation_7 : false;
+                multiPointMaterialProperties.sizeAttenuation_0 =
+                    materialData.sizeAttenuation_0 !== undefined
+                        ? materialData.sizeAttenuation_0
+                        : false;
+                multiPointMaterialProperties.sizeAttenuation_1 =
+                    materialData.sizeAttenuation_1 !== undefined
+                        ? materialData.sizeAttenuation_1
+                        : false;
+                multiPointMaterialProperties.sizeAttenuation_2 =
+                    materialData.sizeAttenuation_2 !== undefined
+                        ? materialData.sizeAttenuation_2
+                        : false;
+                multiPointMaterialProperties.sizeAttenuation_3 =
+                    materialData.sizeAttenuation_3 !== undefined
+                        ? materialData.sizeAttenuation_3
+                        : false;
+                multiPointMaterialProperties.sizeAttenuation_4 =
+                    materialData.sizeAttenuation_4 !== undefined
+                        ? materialData.sizeAttenuation_4
+                        : false;
+                multiPointMaterialProperties.sizeAttenuation_5 =
+                    materialData.sizeAttenuation_5 !== undefined
+                        ? materialData.sizeAttenuation_5
+                        : false;
+                multiPointMaterialProperties.sizeAttenuation_6 =
+                    materialData.sizeAttenuation_6 !== undefined
+                        ? materialData.sizeAttenuation_6
+                        : false;
+                multiPointMaterialProperties.sizeAttenuation_7 =
+                    materialData.sizeAttenuation_7 !== undefined
+                        ? materialData.sizeAttenuation_7
+                        : false;
                 if (materialData.map_0 !== undefined) {
                     multiPointMaterialProperties.map_0 = this.createTexture(materialData.map_0);
-                    multiPointMaterialProperties.map = multiPointMaterialProperties.map_0;
+                    multiPointMaterialProperties.map =
+                        multiPointMaterialProperties.map_0;
                     mapCount++;
                 }
                 if (materialData.map_1 !== undefined) {
                     multiPointMaterialProperties.map_1 = this.createTexture(materialData.map_1);
-                    multiPointMaterialProperties.map = multiPointMaterialProperties.map_0;
+                    multiPointMaterialProperties.map =
+                        multiPointMaterialProperties.map_0;
                     mapCount++;
                 }
                 if (materialData.map_2 !== undefined) {
                     multiPointMaterialProperties.map_2 = this.createTexture(materialData.map_2);
-                    multiPointMaterialProperties.map = multiPointMaterialProperties.map_0;
+                    multiPointMaterialProperties.map =
+                        multiPointMaterialProperties.map_0;
                     mapCount++;
                 }
                 if (materialData.map_3 !== undefined) {
                     multiPointMaterialProperties.map_3 = this.createTexture(materialData.map_3);
-                    multiPointMaterialProperties.map = multiPointMaterialProperties.map_0;
+                    multiPointMaterialProperties.map =
+                        multiPointMaterialProperties.map_0;
                     mapCount++;
                 }
                 if (materialData.map_4 !== undefined) {
                     multiPointMaterialProperties.map_4 = this.createTexture(materialData.map_4);
-                    multiPointMaterialProperties.map = multiPointMaterialProperties.map_0;
+                    multiPointMaterialProperties.map =
+                        multiPointMaterialProperties.map_0;
                     mapCount++;
                 }
                 if (materialData.map_5 !== undefined) {
                     multiPointMaterialProperties.map_5 = this.createTexture(materialData.map_5);
-                    multiPointMaterialProperties.map = multiPointMaterialProperties.map_0;
+                    multiPointMaterialProperties.map =
+                        multiPointMaterialProperties.map_0;
                     mapCount++;
                 }
                 if (materialData.map_6 !== undefined) {
                     multiPointMaterialProperties.map_6 = this.createTexture(materialData.map_6);
-                    multiPointMaterialProperties.map = multiPointMaterialProperties.map_0;
+                    multiPointMaterialProperties.map =
+                        multiPointMaterialProperties.map_0;
                     mapCount++;
                 }
                 if (materialData.map_7 !== undefined) {
                     multiPointMaterialProperties.map_7 = this.createTexture(materialData.map_7);
-                    multiPointMaterialProperties.map = multiPointMaterialProperties.map_0;
+                    multiPointMaterialProperties.map =
+                        multiPointMaterialProperties.map_0;
                     mapCount++;
                 }
                 if (materialData.alphaMap_0 !== undefined) {
-                    multiPointMaterialProperties.alphaMap_0 = this.createTexture(materialData.alphaMap_0);
-                    multiPointMaterialProperties.alphaMap = multiPointMaterialProperties.alphaMap_0;
+                    multiPointMaterialProperties.alphaMap_0 =
+                        this.createTexture(materialData.alphaMap_0);
+                    multiPointMaterialProperties.alphaMap =
+                        multiPointMaterialProperties.alphaMap_0;
                     multiPointMaterialProperties.transparent = true;
                     multiPointMaterialProperties.depthWrite = false;
                     mapCount++;
                 }
                 if (materialData.alphaMap_1 !== undefined) {
-                    multiPointMaterialProperties.alphaMap_1 = this.createTexture(materialData.alphaMap_1);
-                    multiPointMaterialProperties.alphaMap = multiPointMaterialProperties.alphaMap_0;
+                    multiPointMaterialProperties.alphaMap_1 =
+                        this.createTexture(materialData.alphaMap_1);
+                    multiPointMaterialProperties.alphaMap =
+                        multiPointMaterialProperties.alphaMap_0;
                     multiPointMaterialProperties.transparent = true;
                     multiPointMaterialProperties.depthWrite = false;
                     mapCount++;
                 }
                 if (materialData.alphaMap_2 !== undefined) {
-                    multiPointMaterialProperties.alphaMap_2 = this.createTexture(materialData.alphaMap_2);
-                    multiPointMaterialProperties.alphaMap = multiPointMaterialProperties.alphaMap_0;
+                    multiPointMaterialProperties.alphaMap_2 =
+                        this.createTexture(materialData.alphaMap_2);
+                    multiPointMaterialProperties.alphaMap =
+                        multiPointMaterialProperties.alphaMap_0;
                     multiPointMaterialProperties.transparent = true;
                     multiPointMaterialProperties.depthWrite = false;
                     mapCount++;
                 }
                 if (materialData.alphaMap_3 !== undefined) {
-                    multiPointMaterialProperties.alphaMap_3 = this.createTexture(materialData.alphaMap_3);
-                    multiPointMaterialProperties.alphaMap = multiPointMaterialProperties.alphaMap_0;
+                    multiPointMaterialProperties.alphaMap_3 =
+                        this.createTexture(materialData.alphaMap_3);
+                    multiPointMaterialProperties.alphaMap =
+                        multiPointMaterialProperties.alphaMap_0;
                     multiPointMaterialProperties.transparent = true;
                     multiPointMaterialProperties.depthWrite = false;
                     mapCount++;
                 }
                 if (materialData.alphaMap_4 !== undefined) {
-                    multiPointMaterialProperties.alphaMap_4 = this.createTexture(materialData.alphaMap_4);
-                    multiPointMaterialProperties.alphaMap = multiPointMaterialProperties.alphaMap_0;
+                    multiPointMaterialProperties.alphaMap_4 =
+                        this.createTexture(materialData.alphaMap_4);
+                    multiPointMaterialProperties.alphaMap =
+                        multiPointMaterialProperties.alphaMap_0;
                     multiPointMaterialProperties.transparent = true;
                     multiPointMaterialProperties.depthWrite = false;
                     mapCount++;
                 }
                 if (materialData.alphaMap_5 !== undefined) {
-                    multiPointMaterialProperties.alphaMap_5 = this.createTexture(materialData.alphaMap_5);
-                    multiPointMaterialProperties.alphaMap = multiPointMaterialProperties.alphaMap_0;
+                    multiPointMaterialProperties.alphaMap_5 =
+                        this.createTexture(materialData.alphaMap_5);
+                    multiPointMaterialProperties.alphaMap =
+                        multiPointMaterialProperties.alphaMap_0;
                     multiPointMaterialProperties.transparent = true;
                     multiPointMaterialProperties.depthWrite = false;
                     mapCount++;
                 }
                 if (materialData.alphaMap_6 !== undefined) {
-                    multiPointMaterialProperties.alphaMap_6 = this.createTexture(materialData.alphaMap_6);
-                    multiPointMaterialProperties.alphaMap = multiPointMaterialProperties.alphaMap_0;
+                    multiPointMaterialProperties.alphaMap_6 =
+                        this.createTexture(materialData.alphaMap_6);
+                    multiPointMaterialProperties.alphaMap =
+                        multiPointMaterialProperties.alphaMap_0;
                     multiPointMaterialProperties.transparent = true;
                     multiPointMaterialProperties.depthWrite = false;
                     mapCount++;
                 }
                 if (materialData.alphaMap_7 !== undefined) {
-                    multiPointMaterialProperties.alphaMap_7 = this.createTexture(materialData.alphaMap_7);
-                    multiPointMaterialProperties.alphaMap = multiPointMaterialProperties.alphaMap_0;
+                    multiPointMaterialProperties.alphaMap_7 =
+                        this.createTexture(materialData.alphaMap_7);
+                    multiPointMaterialProperties.alphaMap =
+                        multiPointMaterialProperties.alphaMap_0;
                     multiPointMaterialProperties.transparent = true;
                     multiPointMaterialProperties.depthWrite = false;
                     mapCount++;
                 }
                 if (materialData.color_0 !== undefined) {
-                    multiPointMaterialProperties.color_0 = this._renderingEngine.createThreeJsColor(materialData.color_0);
+                    multiPointMaterialProperties.color_0 =
+                        this._renderingEngine.createThreeJsColor(materialData.color_0);
                 }
                 if (materialData.color_1 !== undefined) {
-                    multiPointMaterialProperties.color_1 = this._renderingEngine.createThreeJsColor(materialData.color_1);
+                    multiPointMaterialProperties.color_1 =
+                        this._renderingEngine.createThreeJsColor(materialData.color_1);
                 }
                 if (materialData.color_2 !== undefined) {
-                    multiPointMaterialProperties.color_2 = this._renderingEngine.createThreeJsColor(materialData.color_2);
+                    multiPointMaterialProperties.color_2 =
+                        this._renderingEngine.createThreeJsColor(materialData.color_2);
                 }
                 if (materialData.color_3 !== undefined) {
-                    multiPointMaterialProperties.color_3 = this._renderingEngine.createThreeJsColor(materialData.color_3);
+                    multiPointMaterialProperties.color_3 =
+                        this._renderingEngine.createThreeJsColor(materialData.color_3);
                 }
                 if (materialData.color_4 !== undefined) {
-                    multiPointMaterialProperties.color_4 = this._renderingEngine.createThreeJsColor(materialData.color_4);
+                    multiPointMaterialProperties.color_4 =
+                        this._renderingEngine.createThreeJsColor(materialData.color_4);
                 }
                 if (materialData.color_5 !== undefined) {
-                    multiPointMaterialProperties.color_5 = this._renderingEngine.createThreeJsColor(materialData.color_5);
+                    multiPointMaterialProperties.color_5 =
+                        this._renderingEngine.createThreeJsColor(materialData.color_5);
                 }
                 if (materialData.color_6 !== undefined) {
-                    multiPointMaterialProperties.color_6 = this._renderingEngine.createThreeJsColor(materialData.color_6);
+                    multiPointMaterialProperties.color_6 =
+                        this._renderingEngine.createThreeJsColor(materialData.color_6);
                 }
                 if (materialData.color_7 !== undefined) {
-                    multiPointMaterialProperties.color_7 = this._renderingEngine.createThreeJsColor(materialData.color_7);
+                    multiPointMaterialProperties.color_7 =
+                        this._renderingEngine.createThreeJsColor(materialData.color_7);
                 }
             }
             else {
@@ -787,21 +1065,62 @@ class MaterialLoader {
          * Third exit, the unlit material
          *
          */
-        if (materialData instanceof viewer_shared_types_1.MaterialUnlitData || this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.UNLIT)
+        if (materialData instanceof viewer_shared_types_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 &&
+            this._materialOverrideType === undefined) {
+            const phongProperties = basicProperties;
+            phongProperties.shininess = materialData.shininess;
+            if (materialData.specular !== undefined)
+                phongProperties.specular =
+                    this._renderingEngine.createThreeJsColor(materialData.specular);
+            if (materialData.specularMap !== undefined) {
+                phongProperties.specularMap = this.createTexture(materialData.specularMap);
+                mapCount++;
+            }
+            phongProperties.displacementBias = materialData.displacementBias;
+            if (materialData.displacementMap !== undefined) {
+                phongProperties.displacementMap = this.createTexture(materialData.displacementMap);
+                mapCount++;
+            }
+            phongProperties.displacementScale = materialData.displacementScale;
+            phongProperties.reflectivity = materialData.reflectivity;
+            return { properties: phongProperties, mapCount };
+        }
+        if (materialData instanceof viewer_shared_types_1.MaterialLambertData &&
+            this._materialOverrideType === undefined) {
+            const lambertProperties = basicProperties;
+            if (materialData.specularMap !== undefined) {
+                lambertProperties.specularMap = this.createTexture(materialData.specularMap);
+                mapCount++;
+            }
+            lambertProperties.displacementBias = materialData.displacementBias;
+            if (materialData.displacementMap !== undefined) {
+                lambertProperties.displacementMap = this.createTexture(materialData.displacementMap);
+                mapCount++;
+            }
+            lambertProperties.displacementScale =
+                materialData.displacementScale;
+            lambertProperties.reflectivity = materialData.reflectivity;
+            return { properties: lambertProperties, mapCount };
+        }
         /**
          * We know evaluate properties that can be applied to MeshPhysicalMaterials, SpecularGlossinessMaterials and GemMaterialParameters
          */
         const standardProperties = basicProperties;
         if (materialData.shading !== undefined)
-            standardProperties.flatShading = materialData.shading !== 'smooth';
+            standardProperties.flatShading = materialData.shading !== "smooth";
         if (materialData.bumpMap !== undefined) {
             standardProperties.bumpMap = this.createTexture(materialData.bumpMap);
             mapCount++;
         }
         standardProperties.bumpScale = materialData.bumpScale;
         if (materialData.emissiveness !== undefined)
-            standardProperties.emissive = this._renderingEngine.createThreeJsColor(materialData.emissiveness);
+            standardProperties.emissive =
+                this._renderingEngine.createThreeJsColor(materialData.emissiveness);
         if (materialData.emissiveMap !== undefined) {
             standardProperties.emissiveMap = this.createTexture(materialData.emissiveMap);
             standardProperties.emissiveMap.colorSpace = this._textureEncoding;
@@ -821,26 +1140,33 @@ class MaterialLoader {
          * Fourth exit, the specular-glossiness material
          *
          */
-        if (this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.SPECULAR_GLOSSINESS && !(materialData instanceof viewer_shared_types_1.MaterialSpecularGlossinessData))
+        if (this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.SPECULAR_GLOSSINESS &&
+            !(materialData instanceof viewer_shared_types_1.MaterialSpecularGlossinessData))
             return { properties: standardProperties, mapCount };
         if (materialData instanceof viewer_shared_types_1.MaterialSpecularGlossinessData) {
             const specularGlossinessProperties = standardProperties;
-            specularGlossinessProperties.specular = this._renderingEngine.createThreeJsColor(materialData.specular);
+            specularGlossinessProperties.specular =
+                this._renderingEngine.createThreeJsColor(materialData.specular);
             specularGlossinessProperties.glossiness = materialData.glossiness;
             if (materialData.specularGlossinessMap !== undefined) {
                 specularGlossinessProperties.specularMap2 = this.createTexture(materialData.specularGlossinessMap);
-                specularGlossinessProperties.specularMap2.colorSpace = THREE.SRGBColorSpace;
-                specularGlossinessProperties.glossinessMap = specularGlossinessProperties.specularMap2;
+                specularGlossinessProperties.specularMap2.colorSpace =
+                    THREE.SRGBColorSpace;
+                specularGlossinessProperties.glossinessMap =
+                    specularGlossinessProperties.specularMap2;
                 mapCount++;
             }
             else {
                 if (materialData.specularMap !== undefined) {
-                    specularGlossinessProperties.specularMap2 = this.createTexture(materialData.specularMap);
-                    specularGlossinessProperties.specularMap2.colorSpace = THREE.SRGBColorSpace;
+                    specularGlossinessProperties.specularMap2 =
+                        this.createTexture(materialData.specularMap);
+                    specularGlossinessProperties.specularMap2.colorSpace =
+                        THREE.SRGBColorSpace;
                     mapCount++;
                 }
                 if (materialData.glossinessMap !== undefined) {
-                    specularGlossinessProperties.glossinessMap = this.createTexture(materialData.glossinessMap);
+                    specularGlossinessProperties.glossinessMap =
+                        this.createTexture(materialData.glossinessMap);
                     mapCount++;
                 }
             }
@@ -851,7 +1177,8 @@ class MaterialLoader {
          * Fourth exit, the gem material
          *
          */
-        if (materialData instanceof viewer_shared_types_1.MaterialGemData && this._materialOverrideType === undefined) {
+        if (materialData instanceof viewer_shared_types_1.MaterialGemData &&
+            this._materialOverrideType === undefined) {
             const gemProperties = standardProperties;
             gemProperties.refractionIndex = materialData.refractionIndex;
             if (materialData.impurityMap !== undefined) {
@@ -860,10 +1187,12 @@ class MaterialLoader {
             }
             gemProperties.impurityScale = materialData.impurityScale;
             if (materialData.colorTransferBegin !== undefined) {
-                gemProperties.colorTransferBegin = this._renderingEngine.createThreeJsColor(materialData.colorTransferBegin);
+                gemProperties.colorTransferBegin =
+                    this._renderingEngine.createThreeJsColor(materialData.colorTransferBegin);
             }
             if (materialData.colorTransferEnd !== undefined) {
-                gemProperties.colorTransferEnd = this._renderingEngine.createThreeJsColor(materialData.colorTransferEnd);
+                gemProperties.colorTransferEnd =
+                    this._renderingEngine.createThreeJsColor(materialData.colorTransferEnd);
             }
             gemProperties.center = new THREE.Vector3(materialData.center[0], materialData.center[1], materialData.center[2]);
             gemProperties.tracingDepth = materialData.tracingDepth;
@@ -898,7 +1227,8 @@ class MaterialLoader {
             meshPhysicalProperties.clearcoatNormalMap = this.createTexture(materialData.clearcoatNormalMap);
             mapCount++;
         }
-        meshPhysicalProperties.clearcoatRoughness = materialData.clearcoatRoughness;
+        meshPhysicalProperties.clearcoatRoughness =
+            materialData.clearcoatRoughness;
         if (materialData.clearcoatRoughnessMap !== undefined) {
             meshPhysicalProperties.clearcoatRoughnessMap = this.createTexture(materialData.clearcoatRoughnessMap);
             mapCount++;
@@ -907,7 +1237,8 @@ class MaterialLoader {
             meshPhysicalProperties.displacementMap = this.createTexture(materialData.displacementMap);
             mapCount++;
         }
-        meshPhysicalProperties.displacementScale = materialData.displacementScale;
+        meshPhysicalProperties.displacementScale =
+            materialData.displacementScale;
         meshPhysicalProperties.displacementBias = materialData.displacementBias;
         meshPhysicalProperties.ior = materialData.ior;
         meshPhysicalProperties.transmission = materialData.transmission;
@@ -915,30 +1246,38 @@ class MaterialLoader {
             meshPhysicalProperties.transmissionMap = this.createTexture(materialData.transmissionMap);
             mapCount++;
         }
-        meshPhysicalProperties.thickness = materialData.thickness;
+        meshPhysicalProperties.thickness =
+            materialData.thickness;
         if (materialData.thicknessMap !== undefined) {
-            meshPhysicalProperties.thicknessMap = this.createTexture(materialData.thicknessMap);
+            meshPhysicalProperties.thicknessMap =
+                this.createTexture(materialData.thicknessMap);
             mapCount++;
         }
-        meshPhysicalProperties.attenuationDistance = materialData.attenuationDistance;
-        meshPhysicalProperties.attenuationColor = this._renderingEngine.createThreeJsColor(materialData.attenuationColor);
+        meshPhysicalProperties.attenuationDistance =
+            materialData.attenuationDistance;
+        meshPhysicalProperties.attenuationColor =
+            this._renderingEngine.createThreeJsColor(materialData.attenuationColor);
         meshPhysicalProperties.sheen = materialData.sheen;
-        meshPhysicalProperties.sheenColor = this._renderingEngine.createThreeJsColor(materialData.sheenColor);
+        meshPhysicalProperties.sheenColor =
+            this._renderingEngine.createThreeJsColor(materialData.sheenColor);
         meshPhysicalProperties.sheenRoughness = materialData.sheenRoughness;
         if (materialData.sheenColorMap !== undefined) {
-            meshPhysicalProperties.sheenColorMap = this.createTexture(materialData.sheenColorMap);
+            meshPhysicalProperties.sheenColorMap =
+                this.createTexture(materialData.sheenColorMap);
             mapCount++;
         }
         if (materialData.sheenRoughnessMap !== undefined) {
-            meshPhysicalProperties.sheenRoughnessMap = this.createTexture(materialData.sheenRoughnessMap);
+            (meshPhysicalProperties).sheenRoughnessMap = this.createTexture(materialData.sheenRoughnessMap);
             mapCount++;
         }
-        meshPhysicalProperties.specularIntensity = materialData.specularIntensity;
+        meshPhysicalProperties.specularIntensity =
+            materialData.specularIntensity;
         if (materialData.specularIntensityMap !== undefined) {
             meshPhysicalProperties.specularIntensityMap = this.createTexture(materialData.specularIntensityMap);
             mapCount++;
         }
-        meshPhysicalProperties.specularColor = this._renderingEngine.createThreeJsColor(materialData.specularColor);
+        meshPhysicalProperties.specularColor =
+            this._renderingEngine.createThreeJsColor(materialData.specularColor);
         if (materialData.specularColorMap !== undefined) {
             meshPhysicalProperties.specularColorMap = this.createTexture(materialData.specularColorMap);
             mapCount++;
@@ -947,7 +1286,8 @@ class MaterialLoader {
         meshPhysicalProperties.roughness = materialData.roughness;
         if (materialData.metalnessRoughnessMap !== undefined) {
             meshPhysicalProperties.metalnessMap = this.createTexture(materialData.metalnessRoughnessMap);
-            meshPhysicalProperties.roughnessMap = meshPhysicalProperties.metalnessMap;
+            meshPhysicalProperties.roughnessMap =
+                meshPhysicalProperties.metalnessMap;
             mapCount++;
         }
         else {
@@ -964,11 +1304,11 @@ class MaterialLoader {
     }
     init() { }
     /**
-       * Create a material object with the provided material data.
-       *
-       * @param material the material data
-       * @returns the material object
-       */
+     * Create a material object with the provided material data.
+     *
+     * @param material the material data
+     * @returns the material object
+     */
     load(incomingData, materialSettings) {
         let materialData = null;
         if (!(incomingData instanceof viewer_shared_types_1.GeometryData))
@@ -978,7 +1318,10 @@ class MaterialLoader {
         if (materialSettings && materialSettings.mode === 0) {
             type = GEOMETRY_MATERIAL_TYPE.POINT;
         }
-        else if (materialSettings && (materialSettings.mode === 1 || materialSettings.mode === 2 || materialSettings.mode === 3)) {
+        else if (materialSettings &&
+            (materialSettings.mode === 1 ||
+                materialSettings.mode === 2 ||
+                materialSettings.mode === 3)) {
             type = GEOMETRY_MATERIAL_TYPE.LINE;
         }
         else {
@@ -993,7 +1336,7 @@ class MaterialLoader {
         this._materialCache[cacheKey] = {
             material,
             materialData,
-            materialSettings
+            materialSettings,
         };
         return material;
     }
@@ -1015,7 +1358,8 @@ class MaterialLoader {
         this._blending = blending;
         for (const cacheKey in this._materialCache) {
             if (this._materialCache[cacheKey].material.userData.shader) {
-                this._materialCache[cacheKey].material.userData.shader.uniforms.lightSizeUV.value = lightSizeUV;
+                this._materialCache[cacheKey].material.userData.shader.uniforms.lightSizeUV.value =
+                    lightSizeUV;
                 this._materialCache[cacheKey].material.userData.shader.uniforms.blending.value = blending;
             }
         }
@@ -1024,7 +1368,10 @@ class MaterialLoader {
     // #region Private Methods (4)
     assignTextureEncoding() {
         for (const cacheKey in this._materialCache) {
-            if (this._materialCache[cacheKey].material instanceof THREE.MeshPhysicalMaterial || this._materialCache[cacheKey].material instanceof THREE.MeshStandardMaterial) {
+            if (this._materialCache[cacheKey].material instanceof
+                THREE.MeshPhysicalMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshStandardMaterial) {
                 const material = this._materialCache[cacheKey].material;
                 if (material.emissiveMap) {
                     material.emissiveMap.colorSpace = this._textureEncoding;
@@ -1042,7 +1389,15 @@ class MaterialLoader {
         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}`);
     }
     createDataKeyFromMaterial(data, type, materialSettings) {
-        return data ? (0, viewer_shared_services_1.btoaCustom)(data.id + '_' + data.version + '_' + type + '_' + JSON.stringify(materialSettings)) : (0, viewer_shared_services_1.btoaCustom)(type + '_' + JSON.stringify(materialSettings));
+        return data
+            ? (0, viewer_shared_services_1.btoaCustom)(data.id +
+                "_" +
+                data.version +
+                "_" +
+                type +
+                "_" +
+                JSON.stringify(materialSettings))
+            : (0, viewer_shared_services_1.btoaCustom)(type + "_" + JSON.stringify(materialSettings));
     }
     createTexture(map) {
         if (map.image instanceof ArrayBuffer)
@@ -1058,7 +1413,7 @@ class MaterialLoader {
         let texture;
         if (map.asData === true) {
             texture = new THREE.DataTexture(new Uint32Array(map.data), map.data.length, 1, THREE.RedIntegerFormat, THREE.UnsignedIntType);
-            texture.internalFormat = 'R32UI';
+            texture.internalFormat = "R32UI";
         }
         else {
             texture = new THREE.Texture(map.image);
@@ -1124,7 +1479,7 @@ class MaterialLoader {
         this._threeJsTextureCache[key] = {
             texture,
             usage: 1,
-            initialized: false
+            initialized: false,
         };
         return this._threeJsTextureCache[key].texture;
     }
@@ -1143,18 +1498,22 @@ var GEOMETRY_MATERIAL_TYPE;
 // #region Variables (1)
 const adaptShaders = () => {
     let shader = THREE.ShaderChunk.shadowmap_pars_fragment;
-    if (!shader.includes('PCSS implementation')) {
-        shader = shader.replace('#ifdef USE_SHADOWMAP', '#ifdef USE_SHADOWMAP' + PCSS_1.main);
-        shader = shader.replace(shader.substr(shader.indexOf('#if defined( SHADOWMAP_TYPE_PCF )'), shader.indexOf('#elif defined( SHADOWMAP_TYPE_PCF_SOFT )') - shader.indexOf('#if defined( SHADOWMAP_TYPE_PCF )')), '#if defined( SHADOWMAP_TYPE_PCF )\n' + PCSS_1.entry);
+    if (!shader.includes("PCSS implementation")) {
+        shader = shader.replace("#ifdef USE_SHADOWMAP", "#ifdef USE_SHADOWMAP" + PCSS_1.main);
+        shader = shader.replace(shader.substr(shader.indexOf("#if defined( SHADOWMAP_TYPE_PCF )"), shader.indexOf("#elif defined( SHADOWMAP_TYPE_PCF_SOFT )") -
+            shader.indexOf("#if defined( SHADOWMAP_TYPE_PCF )")), "#if defined( SHADOWMAP_TYPE_PCF )\n" + PCSS_1.entry);
     }
     THREE.ShaderChunk.shadowmap_pars_fragment = shader;
     // here we replace in the background cube fragment shader the y component of the reflection vector with the negative y component and inverse the rotation in the case of a LDR environment map
     // console.log(THREE.ShaderChunk.backgroundCube_frag.includes('vec4 texColor = textureCube( envMap, backgroundRotation * vec3( flipEnvMap * vWorldDirection.x, vWorldDirection.yz ) );'))
-    THREE.ShaderChunk.backgroundCube_frag = THREE.ShaderChunk.backgroundCube_frag.replace('vec4 texColor = textureCube( envMap, backgroundRotation * vec3( flipEnvMap * vWorldDirection.x, vWorldDirection.yz ) );', 'vec4 texColor = textureCube( envMap, inverse(backgroundRotation) * vec3( flipEnvMap * vWorldDirection.x, -vWorldDirection.y, vWorldDirection.z ) );');
-    THREE.ShaderLib.backgroundCube.fragmentShader = THREE.ShaderChunk.backgroundCube_frag;
+    THREE.ShaderChunk.backgroundCube_frag =
+        THREE.ShaderChunk.backgroundCube_frag.replace("vec4 texColor = textureCube( envMap, backgroundRotation * vec3( flipEnvMap * vWorldDirection.x, vWorldDirection.yz ) );", "vec4 texColor = textureCube( envMap, inverse(backgroundRotation) * vec3( flipEnvMap * vWorldDirection.x, -vWorldDirection.y, vWorldDirection.z ) );");
+    THREE.ShaderLib.backgroundCube.fragmentShader =
+        THREE.ShaderChunk.backgroundCube_frag;
     // here we replace in the envmap_physical_pars_fragment the z component of the reflection vector with the negative z component in the case of a LDR environment map
     // console.log(THREE.ShaderChunk.envmap_physical_pars_fragment, THREE.ShaderChunk.envmap_physical_pars_fragment.includes('vec4 envMapColor = textureCubeUV( envMap, envMapRotation * worldNormal, 1.0 );'));
-    THREE.ShaderChunk.envmap_physical_pars_fragment = THREE.ShaderChunk.envmap_physical_pars_fragment.replace('vec4 envMapColor = textureCubeUV( envMap, envMapRotation * worldNormal, 1.0 );', `
+    THREE.ShaderChunk.envmap_physical_pars_fragment =
+        THREE.ShaderChunk.envmap_physical_pars_fragment.replace("vec4 envMapColor = textureCubeUV( envMap, envMapRotation * worldNormal, 1.0 );", `
             #ifdef ENVMAP_TYPE_LDR
                 vec3 rotatedReflectVec = vec3(envMapRotation * worldNormal).xzy;
                 vec4 envMapColor = textureCubeUV( envMap, vec3(rotatedReflectVec.xy, -rotatedReflectVec.z), 1.0 );
@@ -1165,7 +1524,8 @@ const adaptShaders = () => {
             `);
     // here we replace in the envmap_fragment the z component of the reflection vector with the negative z component in the case of a LDR environment map
     // console.log(THREE.ShaderChunk.envmap_physical_pars_fragment, THREE.ShaderChunk.envmap_physical_pars_fragment.includes('vec4 envMapColor = textureCubeUV( envMap, envMapRotation * reflectVec, roughness );'));
-    THREE.ShaderChunk.envmap_physical_pars_fragment = THREE.ShaderChunk.envmap_physical_pars_fragment.replace('vec4 envMapColor = textureCubeUV( envMap, envMapRotation * reflectVec, roughness );', `
+    THREE.ShaderChunk.envmap_physical_pars_fragment =
+        THREE.ShaderChunk.envmap_physical_pars_fragment.replace("vec4 envMapColor = textureCubeUV( envMap, envMapRotation * reflectVec, roughness );", `
             #ifdef ENVMAP_TYPE_LDR
                 vec3 rotatedReflectVec = vec3(envMapRotation * reflectVec).xzy;
                 vec4 envMapColor = textureCubeUV( envMap, vec3(rotatedReflectVec.xy, -rotatedReflectVec.z), roughness );
@@ -1176,7 +1536,8 @@ const adaptShaders = () => {
             `);
     // here we replace in the envmap_fragment the z component of the reflection vector with the negative z component in the case of a LDR environment map
     // console.log(THREE.ShaderChunk.envmap_fragment, THREE.ShaderChunk.envmap_fragment.includes('vec4 envColor = textureCube( envMap, envMapRotation * vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );'));
-    THREE.ShaderChunk.envmap_fragment = THREE.ShaderChunk.envmap_fragment.replace('vec4 envColor = textureCube( envMap, envMapRotation * vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );', `
+    THREE.ShaderChunk.envmap_fragment =
+        THREE.ShaderChunk.envmap_fragment.replace("vec4 envColor = textureCube( envMap, envMapRotation * vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );", `
         #ifdef ENVMAP_TYPE_LDR
             vec4 envColor = textureCube( envMap, envMapRotation * vec3(flipEnvMap * reflectVec.x, reflectVec.y, -reflectVec.z ) );
         #else
@@ -1185,7 +1546,8 @@ const adaptShaders = () => {
         `);
     // here we replace the z and y component of the sampleDir in the cube_uv_reflection_fragment
     // console.log(THREE.ShaderChunk.cube_uv_reflection_fragment.includes('vec3 color0 = bilinearCubeUV( envMap, sampleDir, mipInt );'))
-    THREE.ShaderChunk.cube_uv_reflection_fragment = THREE.ShaderChunk.cube_uv_reflection_fragment.replace('vec3 color0 = bilinearCubeUV( envMap, sampleDir, mipInt );', `
+    THREE.ShaderChunk.cube_uv_reflection_fragment =
+        THREE.ShaderChunk.cube_uv_reflection_fragment.replace("vec3 color0 = bilinearCubeUV( envMap, sampleDir, mipInt );", `
         #ifdef ENVMAP_TYPE_LDR
             vec3 color0 = bilinearCubeUV( envMap, sampleDir.xzy, mipInt );
         #else
@@ -1194,7 +1556,8 @@ const adaptShaders = () => {
         `);
     // here we replace the z and y component of the sampleDir in the cube_uv_reflection_fragment
     // console.log(THREE.ShaderChunk.cube_uv_reflection_fragment)
-    THREE.ShaderChunk.cube_uv_reflection_fragment = THREE.ShaderChunk.cube_uv_reflection_fragment.replace('vec3 color1 = bilinearCubeUV( envMap, sampleDir, mipInt + 1.0 );', `
+    THREE.ShaderChunk.cube_uv_reflection_fragment =
+        THREE.ShaderChunk.cube_uv_reflection_fragment.replace("vec3 color1 = bilinearCubeUV( envMap, sampleDir, mipInt + 1.0 );", `
         #ifdef ENVMAP_TYPE_LDR
             vec3 color1 = bilinearCubeUV( envMap, sampleDir.xzy, mipInt + 1.0 );
         #else
@@ -1202,10 +1565,11 @@ const adaptShaders = () => {
         #endif
         `);
     // here we create a new case in the lights_fragment_maps for the case of ENVMAP_TYPE_NONE
-    if (!THREE.ShaderChunk.lights_fragment_maps.includes('vec3 reflectVec')) {
-        const index = THREE.ShaderChunk.lights_fragment_maps.lastIndexOf('#endif');
-        THREE.ShaderChunk.lights_fragment_maps = THREE.ShaderChunk.lights_fragment_maps.substring(0, index) +
-            `#else
+    if (!THREE.ShaderChunk.lights_fragment_maps.includes("vec3 reflectVec")) {
+        const index = THREE.ShaderChunk.lights_fragment_maps.lastIndexOf("#endif");
+        THREE.ShaderChunk.lights_fragment_maps =
+            THREE.ShaderChunk.lights_fragment_maps.substring(0, index) +
+                `#else
             #ifdef ENVMAP_TYPE_NONE
                 vec3 reflectVec = reflect( -geometryViewDir, geometryNormal );
                 reflectVec = inverseTransformDirection( reflectVec, viewMatrix );
@@ -1213,7 +1577,8 @@ const adaptShaders = () => {
                 radiance += (vec3((adjustedEnvReflectVector.z + 1.0) / 2.0) + 0.5) / 1.5;
             #endif
         #endif
-        ` + THREE.ShaderChunk.lights_fragment_maps.substring(index + '#endif'.length);
+        ` +
+                THREE.ShaderChunk.lights_fragment_maps.substring(index + "#endif".length);
     }
 };
 exports.adaptShaders = adaptShaders;