Morph target compatibility and new threejs version compatibility

js/IridescentMaterial.js

@@ -41,16 +41,39 @@ class IridescentMaterial extends THREE.ShaderMaterial {
       uniforms: materialUniforms,
 
       vertexShader: `
+        #include <morphtarget_pars_vertex>
+
         varying vec3 vWorldPosition;
         varying vec3 vWorldNormal;
-
+
+        attribute vec3 morphTarget0;
+        attribute vec3 morphTarget1;
+        attribute vec3 morphTarget2;
+        attribute vec3 morphTarget3;
+
         void main() {
-            vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;
+            #include <begin_vertex>
+            #include <morphtarget_vertex>
+
+            #ifdef USE_MORPHTARGETS
+
+            // morphTargetBaseInfluence is set based on BufferGeometry.morphTargetsRelative value:
+            // When morphTargetsRelative is false, this is set to 1 - sum(influences); this results in position = sum((target - base) * influence)
+            // When morphTargetsRelative is true, this is set to 1; as a result, all morph targets are simply added to the base after weighting
+            transformed *= morphTargetBaseInfluence;
+            transformed += morphTarget0 * morphTargetInfluences[0];
+            transformed += morphTarget1 * morphTargetInfluences[1];
+            transformed += morphTarget2 * morphTargetInfluences[2];
+            transformed += morphTarget3 * morphTargetInfluences[3];
+
+            #endif
+
+            vWorldPosition = (modelMatrix * vec4(transformed, 1.0)).xyz;
             // normalMatrix is view space... we need world space which is okay here since we're using uniform scaling only
-            vec4 viewPos = modelViewMatrix * vec4(position,1.0);
+            vec4 viewPos = modelViewMatrix * vec4(transformed, 1.0);
             vWorldNormal = mat3(modelMatrix) * normalize(normal);
             gl_Position = projectionMatrix * viewPos;
-        }`,
+      }`,
       fragmentShader: `
         varying vec3 vWorldPosition;
         varying vec3 vWorldNormal;

js/ThinFilmFresnelMap.js

@@ -220,9 +220,9 @@ class ThinFilmFresnelMap extends THREE.DataTexture {
       var g = -0.9689 * x + 1.8758 * y + 0.0415 * z;
       var b = 0.0557 * x - 0.2040 * y + 1.0570 * z;
 
-      r = THREE.Math.clamp(r, 0.0, 1.0);
-      g = THREE.Math.clamp(g, 0.0, 1.0);
-      b = THREE.Math.clamp(b, 0.0, 1.0);
+      r = THREE.MathUtils.clamp(r, 0.0, 1.0);
+      g = THREE.MathUtils.clamp(g, 0.0, 1.0);
+      b = THREE.MathUtils.clamp(b, 0.0, 1.0);
 
       // linear to gamma
       r = Math.sqrt(r);