Three.js - label on AxisHelper withTextGeometry and rotation issue Three.js - label on AxisHelper withTextGeometry and rotation issue javascript javascript

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.