title: Is there any way to merge Sprites as Geometries in Three.js?
body: <p>In my case, I want to put some labels with the name of some cities over a terrain. But when I put more than ten, the fps decrease a lot.</p>
  
  <p>I've followed the written code here <a href="http://stemkoski.github.io/Three.js/Sprite-Text-Labels.html" rel="nofollow">http://stemkoski.github.io/Three.js/Sprite-Text-Labels.html</a></p>
  
  <p>My code is something like that:</p>
  
  <pre><code>var canvas = document.createElement('canvas');
  var sizeCanvas = 250;
  canvas.width = sizeCanvas;
  canvas.height = sizeCanvas;
  var context = canvas.getContext('2d');
  context.font = "Bold " + size + "px " + font;
  context.textAlign = 'center';
  
  contexto.fillStyle = "rgba(10, 10, 10, 1.0)";
  
  contexto.fillText(text, sizeCanvas / 2, sizeCanvas / 2);
  
  var texture = new THREE.Texture(canvas);
  texture.needsUpdate = true;
  
  var labelMaterial = new THREE.SpriteMaterial(
          {map: texture, useScreenCoordinates: false});
  var label = new THREE.Sprite(labelMaterial);
  
  label.position.x = this._vector.x;
  label.position.y = this._vector.y;
  label.position.z = this._vector.z;
  
  etiqueta.scale.set(10, 10, 1.0);
  
  scene.add(label);
  </code></pre>
  
  <p>I supose that the main trouble to merge the sprites is for the diferent texture for every label.</p>
  
  <p>Thanks in advice!</p>