Three.js - label on AxisHelper withTextGeometry and rotation issue
You are probably looking for THREE.SPRITE
. From the docs:
Object3D -> Sprite: A sprite is a plane in an 3d scene which faces always towards the camera.
Here's a simple example of how to use it:
var map = new THREE.TextureLoader().load( "sprite.png" );var material = new THREE.SpriteMaterial( { map: map, color: 0xffffff, fog: true } );var sprite = new THREE.Sprite( material );scene.add( sprite );
Here's a working example of a similar scenario (3 scaled sprites with different positioning). You can find the code on github.