Added center attribute to texture

mrdoob · Aug 27, 2017 · 254bc2a · 254bc2a
1 parent c318c58
commit 254bc2a
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 8 deletions.
diff --git a/examples/webgl_materials_texture_rotation.html b/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 {

diff --git a/src/renderers/WebGLRenderer.js b/src/renderers/WebGLRenderer.js
@@ -1992,10 +1992,12 @@ function WebGLRenderer( parameters ) {
 
 			if ( uvScaleMap.matrixAutoUpdate === true ) {
 
-			    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.0, 0.0 );
+				var offset = uvScaleMap.offset;
+				var repeat = uvScaleMap.repeat;
+				var rotation = uvScaleMap.rotation;
+				var center = uvScaleMap.center;
+
+				uvScaleMap.matrix.setUvTransform( offset.x, offset.y, repeat.x, repeat.y, rotation, center.x, center.y );
 
 			}
 
@@ -2033,10 +2035,12 @@ function WebGLRenderer( parameters ) {
 
 			if ( material.map.matrixAutoUpdate === true ) {
 
-			    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.0, 0.0 );
+				var offset = material.map.offset;
+				var repeat = material.map.repeat;
+				var rotation = material.map.rotation;
+				var center = material.map.center;
+
+				material.map.matrix.setUvTransform( offset.x, offset.y, repeat.x, repeat.y, rotation, center.x, center.y );
 
 			}
 

diff --git a/src/textures/Texture.js b/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;