CODEWITHSUNDEEP
javascriptalgorithmmathrotationthree.js
James McDowell
James McDowell

Reputation: 2768

ThreeJS camera facing point

In ThreeJS, if the camera is rotated at any given angle, how can I determine the coordinate of the point exactly 1 unit in the direction that the camera is facing.

If you are unfamiliar with ThreeJS camera rotation angles, the rotations are very very weird.

For example, if all of my rotation variable are 0, then the function would return (0, 0, -1).

If the rotation x is Pi / 2 (90 degrees), then the function would return (1, 0, 0)

How could I create a function to do this? I don't need everything, primarily just the math.

Upvotes: 0

Views: 1594

Answers (1)

WestLangley
WestLangley

Reputation: 104833

You want to get the world position of a point that is one unit in front of the camera.

One way to do that is to add an object in front of, and as a child of, the camera. Then you just need to query the world position of the object.

By default, when a camera's rotation is ( 0, 0, 0 ), the camera is looking down its negative z-axis. So here is the pattern to follow:

var object = new THREE.Object3D();
object.position.set( 0, 0, - 1 );

scene.add( camera ); // this is required when the camera has children
camera.add( object );

Now, you can get the point you need like so:

var worldPos = new THREE.Vector3(); // create once and reuse it

...

camera.updateMatrixWorld(); // this is called in the render loop, so you may not have to call it again. Experiment.

worldPos.setFromMatrixPosition( object.matrixWorld );

three.js r.71

Upvotes: 2

Related Questions