title: How to obtain the effect of old THREE.SpriteAlignment in new three.js?
body: <p>I adapted an old three.js code for my application. It's a 3d function with axes grids. I added two numbers for x axis as test:</p>
  
  <p><a href="https://jsfiddle.net/cjfwg2c4/" rel="nofollow">https://jsfiddle.net/cjfwg2c4/</a></p>
  
  <p>Code works perfectly for old revision 62 of three.js. I tried to adapt it to the latest revision, r74:</p>
  
  <p><a href="https://jsfiddle.net/nwLLq8q1/" rel="nofollow">https://jsfiddle.net/nwLLq8q1/</a></p>
  
  <p>The problem is that, without <code>THREE.SpriteAlignment.topLeft</code>, sprites are aligned at center by default. </p>
  
  <p>rev 62:</p>
  
  <pre><code>var spriteAlignment = THREE.SpriteAlignment.topLeft;
  var spriteMaterial = new THREE.SpriteMaterial({ 
      map: texture, 
      useScreenCoordinates: false, 
      alignment: spriteAlignment,
  });
  </code></pre>
  
  <p>rev 74:</p>
  
  <pre><code>var spriteMaterial = new THREE.SpriteMaterial({ map: texture});
  </code></pre>
  
  <p><code>THREE.SpriteAlignment</code> was removed from revision 63. </p>
  
  <p>The effect is that the numbers near the grid apparently move inside and outside the grid when you rotate the camera. You can read <a href="https://github.com/mrdoob/three.js/issues/8134#issuecomment-184003761" rel="nofollow">this page</a> for more detailed informations.</p>
  
  <p>How can I obtain the same effect of <code>THREE.SpriteAlignment.topLeft</code> with the latest three.js?</p>