Merge pull request #12063 from tentone/textureoffset

Texture additional offset (rotation center)

examples/webgl_materials_texture_rotation.html

@@ -129,6 +129,7 @@
 
 					texture.offset.set( API.offsetX, API.offsetY );
 					texture.repeat.set( API.repeatX, API.repeatY );
+					texture.center.set( API.centerX, API.centerY );
 					texture.rotation = API.rotation; // rotation is around [ 0.5, 0.5 ]
 
 				} else {

src/renderers/WebGLRenderer.js

@@ -1994,7 +1994,9 @@ function WebGLRenderer( parameters ) {
 				var offset = uvScaleMap.offset;
 				var repeat = uvScaleMap.repeat;
 				var rotation = uvScaleMap.rotation;
-				uvScaleMap.matrix.setUvTransform( offset.x, offset.y, repeat.x, repeat.y, rotation, 0.5, 0.5 );
+				var center = uvScaleMap.center;
+
+				uvScaleMap.matrix.setUvTransform( offset.x, offset.y, repeat.x, repeat.y, rotation, center.x, center.y );
 
 			}
 
@@ -2035,7 +2037,9 @@ function WebGLRenderer( parameters ) {
 				var offset = material.map.offset;
 				var repeat = material.map.repeat;
 				var rotation = material.map.rotation;
-				material.map.matrix.setUvTransform( offset.x, offset.y, repeat.x, repeat.y, rotation, 0.5, 0.5 );
+				var center = material.map.center;
+
+				material.map.matrix.setUvTransform( offset.x, offset.y, repeat.x, repeat.y, rotation, center.x, center.y );
 
 			}
 

src/textures/Texture.js

@@ -39,6 +39,7 @@ function Texture( image, mapping, wrapS, wrapT, magFilter, minFilter, format, ty
 
 	this.offset = new Vector2( 0, 0 );
 	this.repeat = new Vector2( 1, 1 );
+	this.center = new Vector2( 0, 0 );
 	this.rotation = 0;
 
 	this.matrixAutoUpdate = true;