@plastic-software/three 0.174.0 → 0.175.1

package/src/renderers/shaders/ShaderChunk/metalnessmap_fragment.glsl.js

@@ -2,8 +2,14 @@ export default /* glsl */`
 float metalnessFactor = metalness;
 
 #ifdef USE_METALNESSMAP
-
-	vec4 texelMetalness = texture2D( metalnessMap, vMetalnessMapUv );
+  #ifdef USE_METALNESSMAP_TRIPLANAR
+		vec4 texelMetalness = texture2DTriplanar( metalnessMap, metalnessMapTransform, triplanarCoords, triplanarWeights );
+  #else
+    #if defined( USE_METALNESSMAP_CYLINDRICAL )
+      vec2 vMetalnessMapUv = ( metalnessMapTransform * vec3( positionBasedUv, 1 ) ).xy;
+    #endif
+		vec4 texelMetalness = texture2D( metalnessMap, vMetalnessMapUv );
+  #endif
 
 	// reads channel B, compatible with a combined OcclusionRoughnessMetallic (RGB) texture
 	metalnessFactor *= texelMetalness.b;

package/src/renderers/shaders/ShaderChunk/normal_fragment_begin.glsl.js

@@ -21,21 +21,35 @@ float faceDirection = gl_FrontFacing ? 1.0 : - 1.0;
 
 #if defined( USE_NORMALMAP_TANGENTSPACE ) || defined( USE_CLEARCOAT_NORMALMAP ) || defined( USE_ANISOTROPY )
 
-	#ifdef USE_TANGENT
+	#if defined( USE_TANGENT )
 
 		mat3 tbn = mat3( normalize( vTangent ), normalize( vBitangent ), normal );
 
+  #elif defined( USE_NORMALMAP_UV )
+
+	  mat3 tbn = getTangentFrame( - vViewPosition, normal, vNormalMapUv );
+
+  #elif defined( USE_NORMALMAP_CYLINDRICAL ) || defined( USE_CLEARCOAT_NORMALMAP_CYLINDRICAL ) || (defined( USE_ANISOTROPY ) && !defined( USE_UV1 ) || !defined( USE_UV2 ) && !defined( USE_UV3 ))
+  
+    #if defined( USE_NORMALMAP_CYLINDRICAL )
+      vec2 vNormalMapUv = ( normalMapTransform * vec3( positionBasedUv, 1 ) ).xy;
+    #endif
+
+    #if defined( USE_CLEARCOAT_NORMALMAP_CYLINDRICAL )
+      vec2 vClearcoatNormalMapUv = ( clearcoatNormalMapTransform * vec3( positionBasedUv, 1 ) ).xy;
+    #endif
+
+    vec3 tangent = normalize(cross(normal, mat3(modelViewMatrix) * transpose(mat3(texture3DMatrix)) * vec3(0, 1, 0)));
+    vec3 bitangent = cross(tangent, normal);
+  	mat3 tbn = mat3(tangent, bitangent, normal);
+  
+	#elif defined( USE_CLEARCOAT_NORMALMAP_UV )
+
+	  mat3 tbn = getTangentFrame( - vViewPosition, normal, vClearcoatNormalMapUv );
+
 	#else
 
-		mat3 tbn = getTangentFrame( - vViewPosition, normal,
-		#if defined( USE_NORMALMAP )
-			vNormalMapUv
-		#elif defined( USE_CLEARCOAT_NORMALMAP )
-			vClearcoatNormalMapUv
-		#else
-			vUv
-		#endif
-		);
+	  mat3 tbn = getTangentFrame( - vViewPosition, normal, vUv );
 
 	#endif
 
@@ -54,7 +68,13 @@ float faceDirection = gl_FrontFacing ? 1.0 : - 1.0;
 
 		mat3 tbn2 = mat3( normalize( vTangent ), normalize( vBitangent ), normal );
 
-	#else
+  #elif defined( USE_CLEARCOAT_NORMALMAP_CYLINDRICAL )
+
+    vec3 tangent2 = normalize(cross(normal, mat3(modelViewMatrix) * transpose(mat3(texture3DMatrix)) * vec3(0, 1, 0)));
+    vec3 bitangent2 = cross(tangent2, normal);
+  	mat3 tbn2 = mat3(tangent2, bitangent2, normal);
+
+	#elif defined( USE_CLEARCOAT_NORMALMAP_UV )
 
 		mat3 tbn2 = getTangentFrame( - vViewPosition, normal, vClearcoatNormalMapUv );
 

package/src/renderers/shaders/ShaderChunk/normal_fragment_maps.glsl.js

@@ -1,6 +1,10 @@
 export default /* glsl */`
 
-#ifdef USE_NORMALMAP_OBJECTSPACE
+#ifdef USE_NORMALMAP_TRIPLANAR
+
+	normal = normalize(normalMatrix * transpose(mat3(texture3DMatrix)) * texture2DTriplanarNormal( normalMap, normalMapTransform, normalScale, normalize(mat3(texture3DMatrix) * vModelNormal.xyz), triplanarCoords, triplanarWeights ));
+
+#elif defined( USE_NORMALMAP_OBJECTSPACE )
 
 	normal = texture2D( normalMap, vNormalMapUv ).xyz * 2.0 - 1.0; // overrides both flatShading and attribute normals
 

package/src/renderers/shaders/ShaderChunk/normal_pars_fragment.glsl.js

@@ -3,7 +3,7 @@ export default /* glsl */`
 
 	varying vec3 vNormal;
 
-	#ifdef USE_TANGENT
+	#if defined( USE_TANGENT )
 
 		varying vec3 vTangent;
 		varying vec3 vBitangent;

package/src/renderers/shaders/ShaderChunk/normal_pars_vertex.glsl.js

@@ -3,7 +3,7 @@ export default /* glsl */`
 
 	varying vec3 vNormal;
 
-	#ifdef USE_TANGENT
+	#if defined( USE_TANGENT )
 
 		varying vec3 vTangent;
 		varying vec3 vBitangent;

package/src/renderers/shaders/ShaderChunk/normalmap_pars_fragment.glsl.js

@@ -16,7 +16,7 @@ export default /* glsl */`
 
 	// Normal Mapping Without Precomputed Tangents
 	// http://www.thetenthplanet.de/archives/1180
-
+	
 	mat3 getTangentFrame( vec3 eye_pos, vec3 surf_norm, vec2 uv ) {
 
 		vec3 q0 = dFdx( eye_pos.xyz );
@@ -40,4 +40,5 @@ export default /* glsl */`
 	}
 
 #endif
+
 `;

package/src/renderers/shaders/ShaderChunk/roughnessmap_fragment.glsl.js

@@ -1,7 +1,18 @@
 export default /* glsl */`
 float roughnessFactor = roughness;
 
-#ifdef USE_ROUGHNESSMAP
+#ifdef USE_ROUGHNESSMAP_TRIPLANAR
+
+	vec4 texelRoughness = texture2DTriplanar( roughnessMap, roughnessMapTransform, triplanarCoords, triplanarWeights );
+
+	// reads channel G, compatible with a combined OcclusionRoughnessMetallic (RGB) texture
+	roughnessFactor *= texelRoughness.g;
+
+#elif defined( USE_ROUGHNESSMAP )
+
+  #if defined( USE_ROUGHNESSMAP_CYLINDRICAL )
+    vec2 vRoughnessMapUv = ( roughnessMapTransform * vec3( positionBasedUv, 1 ) ).xy;
+  #endif
 
 	vec4 texelRoughness = texture2D( roughnessMap, vRoughnessMapUv );
 

package/src/renderers/shaders/ShaderChunk/triplanar_fragment.glsl.js

@@ -0,0 +1,20 @@
+export default /* glsl */`
+#ifdef USE_TRIPLANAR
+
+	vec3 triplanarWeights = pow(abs(mat3(texture3DMatrix) * vModelNormal), vec3(triplanarHardness, triplanarHardness, triplanarHardness));
+	triplanarWeights /= dot(triplanarWeights, vec3(1.0, 1.0, 1.0));
+	vec3 triplanarCoords = vModelPosition.xyz;
+
+#endif
+
+#ifdef USE_CYLINDRICAL
+
+  // Cylindrical and toroidal parameterizations without vertex seams
+  // DOI:10.1080/2151237X.2012.654054
+	float positionBasedU1 = fract(atan(vModelPosition.z, vModelPosition.x) * RECIPROCAL_PI2);
+	float positionBasedU2 = fract(positionBasedU1 + 0.5) - 0.5;
+  vec2 positionBasedUv = vec2(fwidth(positionBasedU1) < fwidth(positionBasedU2) - 1e-3 ? positionBasedU1 : positionBasedU2, vModelPosition.y);
+
+#endif
+
+`;

package/src/renderers/shaders/ShaderChunk/uv_pars_fragment.glsl.js

@@ -4,12 +4,37 @@ export default /* glsl */`
 	varying vec2 vUv;
 
 #endif
-#ifdef USE_MAP
+#if defined( USE_TRIPLANAR )
+
+uniform float triplanarHardness;
+
+#endif
+#if defined( USE_TRIPLANAR ) || defined( USE_CYLINDRICAL )
+
+	varying vec3 vModelPosition;
+
+#endif
+#if defined( USE_TRIPLANAR ) || defined( USE_CYLINDRICAL ) || (defined(USE_ANISOTROPY) && !defined(USE_UV1) && !defined(USE_UV2) && !defined(USE_UV3))
+
+	varying vec3 vModelNormal;
+  uniform mat4 texture3DMatrix;
+  uniform mat4 invTexture3DMatrix;
+
+#endif
+#if defined( USE_MAP_CYLINDRICAL ) || defined( USE_MAP_TRIPLANAR )
+
+	uniform mat3 mapTransform;
+
+#elif defined( USE_MAP_UV )
 
 	varying vec2 vMapUv;
 
 #endif
-#ifdef USE_ALPHAMAP
+#if defined( USE_ALPHAMAP_CYLINDRICAL ) || defined( USE_ALPHAMAP_TRIPLANAR )
+
+	uniform mat3 alphaMapTransform;
+
+#elif defined( USE_ALPHAMAP_UV )
 
 	varying vec2 vAlphaMapUv;
 
@@ -19,7 +44,11 @@ export default /* glsl */`
 	varying vec2 vLightMapUv;
 
 #endif
-#ifdef USE_AOMAP
+#if defined( USE_AOMAP_CYLINDRICAL ) || defined( USE_AOMAP_TRIPLANAR )
+
+	uniform mat3 aoMapTransform;
+
+#elif defined( USE_AOMAP_UV )
 
 	varying vec2 vAoMapUv;
 
@@ -29,7 +58,11 @@ export default /* glsl */`
 	varying vec2 vBumpMapUv;
 
 #endif
-#ifdef USE_NORMALMAP
+#if defined( USE_NORMALMAP_CYLINDRICAL ) || defined( USE_NORMALMAP_TRIPLANAR )
+
+	uniform mat3 normalMapTransform;
+
+#elif defined( USE_NORMALMAP_UV )
 
 	varying vec2 vNormalMapUv;
 
@@ -39,12 +72,20 @@ export default /* glsl */`
 	varying vec2 vEmissiveMapUv;
 
 #endif
-#ifdef USE_METALNESSMAP
+#if defined( USE_METALNESSMAP_CYLINDRICAL ) || defined( USE_METALNESSMAP_TRIPLANAR )
+
+	uniform mat3 metalnessMapTransform;
+
+#elif defined( USE_METALNESSMAP_UV )
 
 	varying vec2 vMetalnessMapUv;
 
 #endif
-#ifdef USE_ROUGHNESSMAP
+#if defined( USE_ROUGHNESSMAP_CYLINDRICAL ) || defined( USE_ROUGHNESSMAP_TRIPLANAR )
+
+	uniform mat3 roughnessMapTransform;
+
+#elif defined( USE_ROUGHNESSMAP_UV )
 
 	varying vec2 vRoughnessMapUv;
 
@@ -59,7 +100,11 @@ export default /* glsl */`
 	varying vec2 vClearcoatMapUv;
 
 #endif
-#ifdef USE_CLEARCOAT_NORMALMAP
+#if defined( USE_CLEARCOAT_NORMALMAP_CYLINDRICAL ) || defined( USE_CLEARCOAT_NORMALMAP_TRIPLANAR )
+
+	uniform mat3 clearcoatNormalMapTransform;
+
+#elif defined( USE_CLEARCOAT_NORMALMAP_UV )
 
 	varying vec2 vClearcoatNormalMapUv;
 

package/src/renderers/shaders/ShaderChunk/uv_pars_vertex.glsl.js

@@ -4,13 +4,31 @@ export default /* glsl */`
 	varying vec2 vUv;
 
 #endif
-#ifdef USE_MAP
+#if defined( USE_TRIPLANAR ) || defined( USE_CYLINDRICAL ) || ( defined(USE_ANISOTROPY) && !defined(USE_UV1) && !defined(USE_UV2) && !defined(USE_UV3) )
+
+	uniform mat4 texture3DMatrix;
+
+#endif
+#if defined( USE_TRIPLANAR ) || defined( USE_CYLINDRICAL )
+
+	varying vec3 vModelPosition;
+
+#endif
+#if defined( USE_TRIPLANAR ) || ( defined(USE_ANISOTROPY) && !defined(USE_UV1) && !defined(USE_UV2) && !defined(USE_UV3) )
+
+	varying vec3 vModelNormal;
+
+#endif
+#if defined( USE_CYLINDRICAL )
+
+#endif
+#if defined( USE_MAP_UV )
 
 	uniform mat3 mapTransform;
 	varying vec2 vMapUv;
 
 #endif
-#ifdef USE_ALPHAMAP
+#if defined( USE_ALPHAMAP_UV )
 
 	uniform mat3 alphaMapTransform;
 	varying vec2 vAlphaMapUv;
@@ -22,7 +40,7 @@ export default /* glsl */`
 	varying vec2 vLightMapUv;
 
 #endif
-#ifdef USE_AOMAP
+#if defined( USE_AOMAP_UV )
 
 	uniform mat3 aoMapTransform;
 	varying vec2 vAoMapUv;
@@ -34,7 +52,7 @@ export default /* glsl */`
 	varying vec2 vBumpMapUv;
 
 #endif
-#ifdef USE_NORMALMAP
+#if defined( USE_NORMALMAP_UV )
 
 	uniform mat3 normalMapTransform;
 	varying vec2 vNormalMapUv;
@@ -52,13 +70,13 @@ export default /* glsl */`
 	varying vec2 vEmissiveMapUv;
 
 #endif
-#ifdef USE_METALNESSMAP
+#if defined( USE_METALNESSMAP_UV )
 
 	uniform mat3 metalnessMapTransform;
 	varying vec2 vMetalnessMapUv;
 
 #endif
-#ifdef USE_ROUGHNESSMAP
+#if defined( USE_ROUGHNESSMAP_UV )
 
 	uniform mat3 roughnessMapTransform;
 	varying vec2 vRoughnessMapUv;
@@ -142,4 +160,5 @@ export default /* glsl */`
 	varying vec2 vThicknessMapUv;
 
 #endif
+
 `;

package/src/renderers/shaders/ShaderChunk/uv_vertex.glsl.js

@@ -1,15 +1,27 @@
 export default /* glsl */`
 #if defined( USE_UV ) || defined( USE_ANISOTROPY )
 
-	vUv = vec3( uv, 1 ).xy;
+  #if defined( USE_UV1 ) || defined( USE_UV2 ) || defined( USE_UV3 )
+	  vUv = vec3( uv, 1 ).xy;
+  #endif
 
 #endif
-#ifdef USE_MAP
+#if defined( USE_TRIPLANAR ) || defined( USE_CYLINDRICAL )
+
+	vModelPosition = (texture3DMatrix * vec4(position.xyz, 1)).xyz;
+
+#endif
+#if defined( USE_TRIPLANAR )
+
+	vModelNormal = normal.xyz;
+
+#endif
+#if defined( USE_MAP_UV )
 
 	vMapUv = ( mapTransform * vec3( MAP_UV, 1 ) ).xy;
 
 #endif
-#ifdef USE_ALPHAMAP
+#if defined( USE_ALPHAMAP_UV )
 
 	vAlphaMapUv = ( alphaMapTransform * vec3( ALPHAMAP_UV, 1 ) ).xy;
 
@@ -19,7 +31,7 @@ export default /* glsl */`
 	vLightMapUv = ( lightMapTransform * vec3( LIGHTMAP_UV, 1 ) ).xy;
 
 #endif
-#ifdef USE_AOMAP
+#if defined( USE_AOMAP_UV )
 
 	vAoMapUv = ( aoMapTransform * vec3( AOMAP_UV, 1 ) ).xy;
 
@@ -29,7 +41,7 @@ export default /* glsl */`
 	vBumpMapUv = ( bumpMapTransform * vec3( BUMPMAP_UV, 1 ) ).xy;
 
 #endif
-#ifdef USE_NORMALMAP
+#if defined( USE_NORMALMAP_UV )
 
 	vNormalMapUv = ( normalMapTransform * vec3( NORMALMAP_UV, 1 ) ).xy;
 
@@ -44,12 +56,12 @@ export default /* glsl */`
 	vEmissiveMapUv = ( emissiveMapTransform * vec3( EMISSIVEMAP_UV, 1 ) ).xy;
 
 #endif
-#ifdef USE_METALNESSMAP
+#if defined( USE_METALNESSMAP_UV )
 
 	vMetalnessMapUv = ( metalnessMapTransform * vec3( METALNESSMAP_UV, 1 ) ).xy;
 
 #endif
-#ifdef USE_ROUGHNESSMAP
+#if defined( USE_ROUGHNESSMAP_UV )
 
 	vRoughnessMapUv = ( roughnessMapTransform * vec3( ROUGHNESSMAP_UV, 1 ) ).xy;
 

package/src/renderers/shaders/ShaderChunk.js

@@ -59,6 +59,7 @@ import logdepthbuf_pars_fragment from './ShaderChunk/logdepthbuf_pars_fragment.g
 import logdepthbuf_pars_vertex from './ShaderChunk/logdepthbuf_pars_vertex.glsl.js';
 import logdepthbuf_vertex from './ShaderChunk/logdepthbuf_vertex.glsl.js';
 import map_fragment from './ShaderChunk/map_fragment.glsl.js';
+import triplanar_fragment from './ShaderChunk/triplanar_fragment.glsl.js';
 import map_pars_fragment from './ShaderChunk/map_pars_fragment.glsl.js';
 import map_particle_fragment from './ShaderChunk/map_particle_fragment.glsl.js';
 import map_particle_pars_fragment from './ShaderChunk/map_particle_pars_fragment.glsl.js';
@@ -186,6 +187,7 @@ export const ShaderChunk = {
 	logdepthbuf_pars_vertex: logdepthbuf_pars_vertex,
 	logdepthbuf_vertex: logdepthbuf_vertex,
 	map_fragment: map_fragment,
+	triplanar_fragment: triplanar_fragment,
 	map_pars_fragment: map_pars_fragment,
 	map_particle_fragment: map_particle_fragment,
 	map_particle_pars_fragment: map_particle_pars_fragment,

package/src/renderers/shaders/ShaderLib/linedashed.glsl.js

@@ -5,6 +5,7 @@ attribute float lineDistance;
 varying float vLineDistance;
 
 #include <common>
+#include <batching_pars_vertex>
 #include <uv_pars_vertex>
 #include <color_pars_vertex>
 #include <fog_pars_vertex>
@@ -20,6 +21,7 @@ void main() {
 	#include <color_vertex>
 	#include <morphinstance_vertex>
 	#include <morphcolor_vertex>
+	#include <batching_vertex>
 	#include <begin_vertex>
 	#include <morphtarget_vertex>
 	#include <project_vertex>

package/src/renderers/shaders/ShaderLib/meshphysical.glsl.js

@@ -168,6 +168,7 @@ void main() {
 	ReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );
 	vec3 totalEmissiveRadiance = emissive;
 
+	#include <triplanar_fragment>
 	#include <logdepthbuf_fragment>
 	#include <map_fragment>
 	#include <color_fragment>

package/src/renderers/shaders/UniformsLib.js

@@ -1,11 +1,9 @@
 import { Color } from '../../math/Color.js';
 import { Vector2 } from '../../math/Vector2.js';
 import { Matrix3 } from '../../math/Matrix3.js';
+import { Matrix4 } from '../../math/Matrix4.js';
 
-/**
- * Uniforms library for shared webgl shaders
- */
-
+// Uniforms library for shared webgl shaders
 const UniformsLib = {
 
 	common: {
@@ -19,7 +17,10 @@ const UniformsLib = {
 		alphaMap: { value: null },
 		alphaMapTransform: { value: /*@__PURE__*/ new Matrix3() },
 
-		alphaTest: { value: 0 }
+		alphaTest: { value: 0 },
+
+		texture3DMatrix: { value: /*@__PURE__*/ new Matrix4() },
+		triplanarHardness: { value: 16.0 }
 
 	},
 

package/src/renderers/shaders/UniformsUtils.js

@@ -1,8 +1,6 @@
 import { ColorManagement } from '../../math/ColorManagement.js';
 
-/**
- * Uniform Utilities
- */
+// Uniform Utilities
 
 export function cloneUniforms( src ) {
 

package/src/renderers/webgl/WebGLBackground.js

@@ -101,7 +101,8 @@ function WebGLBackground( renderer, cubemaps, cubeuvmaps, state, objects, alpha,
 						side: BackSide,
 						depthTest: false,
 						depthWrite: false,
-						fog: false
+						fog: false,
+						allowOverride: false
 					} )
 				);
 
@@ -180,7 +181,8 @@ function WebGLBackground( renderer, cubemaps, cubeuvmaps, state, objects, alpha,
 						side: FrontSide,
 						depthTest: false,
 						depthWrite: false,
-						fog: false
+						fog: false,
+						allowOverride: false
 					} )
 				);
 

package/src/renderers/webgl/WebGLMaterials.js

@@ -141,6 +141,18 @@ function WebGLMaterials( renderer, properties ) {
 
 		}
 
+    if ( material.texture3DMatrix ) {
+
+      uniforms.texture3DMatrix.value.copy( material.texture3DMatrix );
+
+    }
+
+    if ( material.triplanarHardness ) {
+
+      uniforms.triplanarHardness.value = material.triplanarHardness;
+
+    }
+
 		if ( material.alphaMap ) {
 
 			uniforms.alphaMap.value = material.alphaMap;

package/src/renderers/webgl/WebGLProgram.js

@@ -1,7 +1,7 @@
 import { WebGLUniforms } from './WebGLUniforms.js';
 import { WebGLShader } from './WebGLShader.js';
 import { ShaderChunk } from '../shaders/ShaderChunk.js';
-import { NoToneMapping, AddOperation, MixOperation, MultiplyOperation, CubeRefractionMapping, CubeUVReflectionMapping, CubeReflectionMapping, PCFSoftShadowMap, PCFShadowMap, VSMShadowMap, AgXToneMapping, ACESFilmicToneMapping, NeutralToneMapping, CineonToneMapping, CustomToneMapping, ReinhardToneMapping, LinearToneMapping, GLSL3, LinearTransfer, SRGBTransfer } from '../../constants.js';
+import { NoToneMapping, AddOperation, MixOperation, MultiplyOperation, CubeRefractionMapping, CubeUVReflectionMapping, CubeReflectionMapping, PCFSoftShadowMap, PCFShadowMap, VSMShadowMap, AgXToneMapping, ACESFilmicToneMapping, NeutralToneMapping, CineonToneMapping, CustomToneMapping, ReinhardToneMapping, LinearToneMapping, GLSL3, LinearTransfer, SRGBTransfer, TriPlanarMapping, CylindricalMapping, UVMapping } from '../../constants.js';
 import { ColorManagement } from '../../math/ColorManagement.js';
 import { Vector3 } from '../../math/Vector3.js';
 import { Matrix3 } from '../../math/Matrix3.js';
@@ -552,14 +552,17 @@ function WebGLProgram( renderer, cacheKey, parameters, bindingStates ) {
 			parameters.useFog && parameters.fogExp2 ? '#define FOG_EXP2' : '',
 
 			parameters.map ? '#define USE_MAP' : '',
+			parameters.mapMode === TriPlanarMapping ? '#define USE_MAP_TRIPLANAR' : parameters.mapMode === CylindricalMapping ? '#define USE_MAP_CYLINDRICAL' : parameters.mapMode === UVMapping ? '#define USE_MAP_UV' : '',
 			parameters.envMap ? '#define USE_ENVMAP' : '',
 			parameters.envMap ? '#define ' + envMapModeDefine : '',
 			parameters.lightMap ? '#define USE_LIGHTMAP' : '',
 			parameters.aoMap ? '#define USE_AOMAP' : '',
+			parameters.aoMapMode === TriPlanarMapping ? '#define USE_AOMAP_TRIPLANAR' : parameters.aoMapMode === CylindricalMapping ? '#define USE_AOMAP_CYLINDRICAL' : parameters.aoMapMode == UVMapping ? '#define USE_AOMAP_UV' : '',
 			parameters.bumpMap ? '#define USE_BUMPMAP' : '',
 			parameters.normalMap ? '#define USE_NORMALMAP' : '',
-			parameters.normalMapObjectSpace ? '#define USE_NORMALMAP_OBJECTSPACE' : '',
-			parameters.normalMapTangentSpace ? '#define USE_NORMALMAP_TANGENTSPACE' : '',
+			parameters.normalMapMode === TriPlanarMapping ? '#define USE_NORMALMAP_TRIPLANAR' : parameters.normalMapMode === CylindricalMapping ? '#define USE_NORMALMAP_CYLINDRICAL' : parameters.normalMapMode === UVMapping ? '#define USE_NORMALMAP_UV' : '',
+			parameters.normalMapObjectSpace && [UVMapping, CylindricalMapping].includes( parameters.normalMapMode ) ? '#define USE_NORMALMAP_OBJECTSPACE' : '',
+			parameters.normalMapTangentSpace && [UVMapping, CylindricalMapping].includes( parameters.normalMapMode ) ? '#define USE_NORMALMAP_TANGENTSPACE' : '',
 			parameters.displacementMap ? '#define USE_DISPLACEMENTMAP' : '',
 			parameters.emissiveMap ? '#define USE_EMISSIVEMAP' : '',
 
@@ -569,6 +572,9 @@ function WebGLProgram( renderer, cacheKey, parameters, bindingStates ) {
 			parameters.clearcoatMap ? '#define USE_CLEARCOATMAP' : '',
 			parameters.clearcoatRoughnessMap ? '#define USE_CLEARCOAT_ROUGHNESSMAP' : '',
 			parameters.clearcoatNormalMap ? '#define USE_CLEARCOAT_NORMALMAP' : '',
+			parameters.clearcoatNormalMapMode === TriPlanarMapping ? '#define USE_CLEARCOAT_NORMALMAP_TRIPLANAR' 
+      : parameters.clearcoatNormalMapMode === CylindricalMapping ? '#define USE_CLEARCOAT_NORMALMAP_CYLINDRICAL'
+      : parameters.clearcoatNormalMapMode === UVMapping ? '#define USE_CLEARCOAT_NORMALMAP_UV' : '',
 
 			parameters.iridescenceMap ? '#define USE_IRIDESCENCEMAP' : '',
 			parameters.iridescenceThicknessMap ? '#define USE_IRIDESCENCE_THICKNESSMAP' : '',
@@ -578,8 +584,11 @@ function WebGLProgram( renderer, cacheKey, parameters, bindingStates ) {
 			parameters.specularIntensityMap ? '#define USE_SPECULAR_INTENSITYMAP' : '',
 
 			parameters.roughnessMap ? '#define USE_ROUGHNESSMAP' : '',
+			parameters.roughnessMapMode === TriPlanarMapping ? '#define USE_ROUGHNESSMAP_TRIPLANAR' : parameters.roughnessMapMode === CylindricalMapping ? '#define USE_ROUGHNESSMAP_CYLINDRICAL' : parameters.roughnessMapMode === UVMapping ? '#define USE_ROUGHNESSMAP_UV' : '',
 			parameters.metalnessMap ? '#define USE_METALNESSMAP' : '',
+			parameters.metalnessMapMode === TriPlanarMapping ? '#define USE_METALNESSMAP_TRIPLANAR' : parameters.metalnessMapMode === CylindricalMapping ? '#define USE_METALNESSMAP_CYLINDRICAL' : parameters.metalnessMapMode === UVMapping ? '#define USE_METALNESSMAP_UV' : '',
 			parameters.alphaMap ? '#define USE_ALPHAMAP' : '',
+			parameters.alphaMapMode === TriPlanarMapping ? '#define USE_ALPHAMAP_TRIPLANAR' : parameters.alphaMapMode === CylindricalMapping ? '#define USE_ALPHAMAP_CYLINDRICAL' : parameters.alphaMapMode === UVMapping ? '#define USE_ALPHAMAP_UV' : '',
 			parameters.alphaHash ? '#define USE_ALPHAHASH' : '',
 
 			parameters.transmission ? '#define USE_TRANSMISSION' : '',
@@ -744,6 +753,7 @@ function WebGLProgram( renderer, cacheKey, parameters, bindingStates ) {
 
 			parameters.alphaToCoverage ? '#define ALPHA_TO_COVERAGE' : '',
 			parameters.map ? '#define USE_MAP' : '',
+			parameters.mapMode === TriPlanarMapping ? '#define USE_MAP_TRIPLANAR' : parameters.mapMode === CylindricalMapping ? '#define USE_MAP_CYLINDRICAL' : parameters.mapMode === UVMapping ? '#define USE_MAP_UV' : '',
 			parameters.matcap ? '#define USE_MATCAP' : '',
 			parameters.envMap ? '#define USE_ENVMAP' : '',
 			parameters.envMap ? '#define ' + envMapTypeDefine : '',
@@ -754,10 +764,12 @@ function WebGLProgram( renderer, cacheKey, parameters, bindingStates ) {
 			envMapCubeUVSize ? '#define CUBEUV_MAX_MIP ' + envMapCubeUVSize.maxMip + '.0' : '',
 			parameters.lightMap ? '#define USE_LIGHTMAP' : '',
 			parameters.aoMap ? '#define USE_AOMAP' : '',
+			parameters.aoMapMode === TriPlanarMapping ? '#define USE_AOMAP_TRIPLANAR' : parameters.aoMapMode === CylindricalMapping ? '#define USE_AOMAP_CYLINDRICAL' : parameters.aoMapMode == UVMapping ? '#define USE_AOMAP_UV' : '',
 			parameters.bumpMap ? '#define USE_BUMPMAP' : '',
 			parameters.normalMap ? '#define USE_NORMALMAP' : '',
-			parameters.normalMapObjectSpace ? '#define USE_NORMALMAP_OBJECTSPACE' : '',
-			parameters.normalMapTangentSpace ? '#define USE_NORMALMAP_TANGENTSPACE' : '',
+			parameters.normalMapMode === TriPlanarMapping ? '#define USE_NORMALMAP_TRIPLANAR' : parameters.normalMapMode === CylindricalMapping ? '#define USE_NORMALMAP_CYLINDRICAL' : parameters.normalMapMode === UVMapping ? '#define USE_NORMALMAP_UV' : '',
+			parameters.normalMapObjectSpace && [UVMapping, CylindricalMapping].includes( parameters.normalMapMode ) ? '#define USE_NORMALMAP_OBJECTSPACE' : '',
+			parameters.normalMapTangentSpace && [UVMapping, CylindricalMapping].includes( parameters.normalMapMode ) ? '#define USE_NORMALMAP_TANGENTSPACE' : '',
 			parameters.emissiveMap ? '#define USE_EMISSIVEMAP' : '',
 
 			parameters.anisotropy ? '#define USE_ANISOTROPY' : '',
@@ -767,6 +779,9 @@ function WebGLProgram( renderer, cacheKey, parameters, bindingStates ) {
 			parameters.clearcoatMap ? '#define USE_CLEARCOATMAP' : '',
 			parameters.clearcoatRoughnessMap ? '#define USE_CLEARCOAT_ROUGHNESSMAP' : '',
 			parameters.clearcoatNormalMap ? '#define USE_CLEARCOAT_NORMALMAP' : '',
+			parameters.clearcoatNormalMapMode === TriPlanarMapping ? '#define USE_CLEARCOAT_NORMALMAP_TRIPLANAR' 
+			: parameters.clearcoatNormalMapMode === CylindricalMapping ? '#define USE_CLEARCOAT_NORMALMAP_CYLINDRICAL'
+			: parameters.clearcoatNormalMapMode === UVMapping ? '#define USE_CLEARCOAT_NORMALMAP_UV' : '',
 
 			parameters.dispersion ? '#define USE_DISPERSION' : '',
 
@@ -779,9 +794,12 @@ function WebGLProgram( renderer, cacheKey, parameters, bindingStates ) {
 			parameters.specularIntensityMap ? '#define USE_SPECULAR_INTENSITYMAP' : '',
 
 			parameters.roughnessMap ? '#define USE_ROUGHNESSMAP' : '',
+			parameters.roughnessMapMode === TriPlanarMapping ? '#define USE_ROUGHNESSMAP_TRIPLANAR' : parameters.roughnessMapMode === CylindricalMapping ? '#define USE_ROUGHNESSMAP_CYLINDRICAL' : parameters.roughnessMapMode === UVMapping ? '#define USE_ROUGHNESSMAP_UV' : '',
 			parameters.metalnessMap ? '#define USE_METALNESSMAP' : '',
+			parameters.metalnessMapMode === TriPlanarMapping ? '#define USE_METALNESSMAP_TRIPLANAR' : parameters.metalnessMapMode === CylindricalMapping ? '#define USE_METALNESSMAP_CYLINDRICAL' : parameters.metalnessMapMode === UVMapping ? '#define USE_METALNESSMAP_UV' : '',
 
 			parameters.alphaMap ? '#define USE_ALPHAMAP' : '',
+			parameters.alphaMapMode === TriPlanarMapping ? '#define USE_ALPHAMAP_TRIPLANAR' : parameters.alphaMapMode === CylindricalMapping ? '#define USE_ALPHAMAP_CYLINDRICAL' : parameters.alphaMapMode === UVMapping ? '#define USE_ALPHAMAP_UV' : '',
 			parameters.alphaTest ? '#define USE_ALPHATEST' : '',
 			parameters.alphaHash ? '#define USE_ALPHAHASH' : '',
 
@@ -822,7 +840,9 @@ function WebGLProgram( renderer, cacheKey, parameters, bindingStates ) {
 			parameters.logarithmicDepthBuffer ? '#define USE_LOGDEPTHBUF' : '',
 			parameters.reverseDepthBuffer ? '#define USE_REVERSEDEPTHBUF' : '',
 
+			'uniform mat4 modelViewMatrix;',
 			'uniform mat4 viewMatrix;',
+			'uniform mat3 normalMatrix;',
 			'uniform vec3 cameraPosition;',
 			'uniform bool isOrthographic;',