Move the camera along its LookAt axis in Three.js?

Question

I'm new to Three.js, so if this is obvious then apologies upfront.

I set my camera using the LookAt method, and would like to move along that vector when pressing a key on the keyboard.

I've tried mimicking the feature by subtracting the camera vector from the point I'm looking at via subVector, normalized the resulting vector, then did something along the lines of:

camera.position.x += lookAtVector.x
camera.position.y += lookAtVector.y
camera.position.z += lookAtVector.z

...but I appear to be drifting a bit and not moving toward the lookAt point when I do this. How can I move along a lookAt vector in three.js?

WestLangley · Accepted Answer · 2013-03-27 14:46:16Z

8

The camera is looking down it's negative-Z axis, so you want to do this:

camera.translateZ( - distance );

three.js r.57

answered Mar 27, 2013 at 14:46

WestLangley

105k11 gold badges288 silver badges285 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

larryq Over a year ago

Thank you. Didn't know I could do that with translateZ. I guess the translate(X|Y|Z) methods work in object space, whereas something like camera.position.(x|y|z) is in world space?

Collectives™ on Stack Overflow

Move the camera along its LookAt axis in Three.js?

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related