SpriteNodeMaterial: Add sizeAttenuation

src/materials/nodes/SpriteNodeMaterial.js

@@ -26,6 +26,7 @@ class SpriteNodeMaterial extends NodeMaterial {
 		this.isSpriteNodeMaterial = true;
 
 		this.lights = false;
+		this._useSizeAttenuation = true;
 
 		this.positionNode = null;
 		this.rotationNode = null;
@@ -37,7 +38,9 @@ class SpriteNodeMaterial extends NodeMaterial {
 
 	}
 
-	setupPosition( { object, context } ) {
+	setupPosition( { object, camera, context } ) {
+
+		const useSizeAttenuation = this.sizeAttenuation;
 
 		// < VERTEX STAGE >
 
@@ -55,6 +58,13 @@ class SpriteNodeMaterial extends NodeMaterial {
 
 		}
 
+
+		if ( ! useSizeAttenuation && camera.isPerspectiveCamera ) {
+
+			scale = scale.mul( mvPosition.z.negate() );
+
+		}
+
 		let alignedPosition = vertex.xy;
 
 		if ( object.center && object.center.isVector2 === true ) {
@@ -89,6 +99,23 @@ class SpriteNodeMaterial extends NodeMaterial {
 
 	}
 
+	get sizeAttenuation() {
+
+		return this._useSizeAttenuation;
+
+	}
+
+	set sizeAttenuation( value ) {
+
+		if ( this._useSizeAttenuation !== value ) {
+
+			this._useSizeAttenuation = value;
+			this.needsUpdate = true;
+
+		}
+
+	}
+
 }
 
 export default SpriteNodeMaterial;

src/renderers/common/RenderObject.js

@@ -317,6 +317,12 @@ export default class RenderObject {
 
 		}
 
+		if ( object.center ) {
+
+			cacheKey += object.center.x + ',' + object.center.y + ',';
+
+		}
+
 		if ( object.count > 1 ) {
 
 			cacheKey += object.count + ',' + object.uuid + ',';