Question

I have text on the screen that always faces the user and remains upright with the following code (this is working):

object.lookAt(camera.position); 
               object.rotation.x = camera.rotation.x; 
               object.rotation.y = camera.rotation.y;
               object.rotation.z = camera.rotation.z;

Now, after a button has rotated the scene by 90 degrees about the y-axis,

target = new THREE.Vector3(camera.position.z, camera.position.y, -camera.position.x);


object.lookAt(target);

So the text is facing the user as desired, but I can’t figure out how to calculate the object rotation to keep the text vertical as I rotate the scene around with trackball controls:

object.rotation.x = ??
object.rotation.y = ??
object.rotation.z = ??

Suggestions? Thanks!

Answer 1

The easiest solution is to use THREE.OrbitControls instead.

Then, in your render loop:

object.quaternion.copy( camera.quaternion );

three.js r.69