After adapting an old three.js code for my application that includes a 3D function with axes grids, I encountered an issue when trying to update it to the latest revision, r74:
https://jsfiddle.net/cjfwg2c4/
Without THREE.SpriteAlignment.topLeft, sprites are now aligned at the center by default in the latest revision of three.js.
For example, in revision 62:
var spriteAlignment = THREE.SpriteAlignment.topLeft;
var spriteMaterial = new THREE.SpriteMaterial({
map: texture,
useScreenCoordinates: false,
alignment: spriteAlignment,
});
But in revision 74, it simplifies to:
var spriteMaterial = new THREE.SpriteMaterial({ map: texture});
As of revision 63, THREE.SpriteAlignment has been removed, causing issues like numbers near the grid appearing to move inside and outside the grid when the camera is rotated. More information can be found here.
Is there a way to achieve the same effect as THREE.SpriteAlignment.topLeft with the latest version of three.js?