Camera following an objects rotation

Question

I'm trying to get a 'chase' camera working on an object.

I've found an example that doe exactly what I want, however it is aimed at r49:

http://stemkoski.github.com/Three.js/Chase-Camera.html

I've attempted to update it to the new rotation methods as follows:

var rotation_matrix = new THREE.Matrix4().makeRotationZ(rotateAngle); cube.matrix.multiplySelf(rotation_matrix); cube.rotation.setEulerFromRotationMatrix(cube.matrix);

This seems to work fine for the object, however the camera doesn't follow in the same way. I've put up a demo here:

http://jsfiddle.net/SSEDs/

(Press A and D to rotate)

What am I doing wrong?

Thanks for the pointer, forgot to accept on old questions!

Luca Spiller
– Luca Spiller

2012-10-21 17:47:46 +00:00
Commented Oct 21, 2012 at 17:47 — Luca Spiller
– Luca Spiller, Commented Oct 21, 2012 at 17:47

WestLangley · Accepted Answer · 2022-06-09 23:57:37Z

16

You need to add the camera as a child of the cube. Not only does it work, but the math is a lot simpler.

cube.add( camera );

edited Jun 9, 2022 at 23:57

answered Oct 21, 2012 at 14:28

WestLangley

105k11 gold badges288 silver badges285 bronze badges

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

2 Comments

majidarif Over a year ago

But, when the mesh rotates so does the camera. What if we only wanted to rotate the mesh itself?

WestLangley Over a year ago

@majidarif scene.add( group ); group.add( mesh ); group.add( offset ); offset.add( camera ); group.position controls the mesh's and camera's position. mesh.rotation controls the mesh`s rotation.

Collectives™ on Stack Overflow

Camera following an objects rotation

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related