Vector2: Added width/height getters/setters. Seems simpler than creating Size2.

src/lights/Light.js

@@ -116,18 +116,18 @@ Object.defineProperties( THREE.Light.prototype, {
 	},
 	shadowMapWidth: {
 		get: function () {
-			return this.shadow.mapSize.x;
+			return this.shadow.mapSize.width;
 		},
 		set: function ( value ) {
-			this.shadow.mapSize.x = value;
+			this.shadow.mapSize.width = value;
 		}
 	},
 	shadowMapHeight: {
 		get: function () {
-			return this.shadow.mapSize.y;
+			return this.shadow.mapSize.height;
 		},
 		set: function ( value ) {
-			this.shadow.mapSize.y = value;
+			this.shadow.mapSize.height = value;
 		}
 	},
 	shadowMatrix: {

src/math/Vector2.js

@@ -16,6 +16,14 @@ THREE.Vector2.prototype = {
 
 	constructor: THREE.Vector2,
 
+	get width() { return this.x },
+	set width( value ) { this.x = value },
+
+	get height() { return this.y },
+	set height( value ) { this.y = value },
+
+	//
+
 	set: function ( x, y ) {
 
 		this.x = x;

src/renderers/webgl/WebGLShadowMap.js

@@ -174,7 +174,7 @@ THREE.WebGLShadowMap = function ( _renderer, _lights, _objects ) {
 
 				var pars = { minFilter: shadowFilter, magFilter: shadowFilter, format: THREE.RGBAFormat };
 
-				light.shadowMap = new THREE.WebGLRenderTarget( light.shadow.mapSize.x, light.shadow.mapSize.y, pars );
+				light.shadowMap = new THREE.WebGLRenderTarget( light.shadow.mapSize.width, light.shadow.mapSize.height, pars );
 
 				light.shadowMatrix = new THREE.Matrix4();