Three.js move geometry's center

three.js
Recur picture Recur · Aug 11, 2012 · Viewed 23.6k times · Source

I've created a cylinder and I want to move its center of rotation to one of its ends by changing it's bounding box but its not working.

http://jsfiddle.net/736a7/1/

There's an example of what I've been working on.

Basically I want to rotate the cylinder around as if it was a sword being swung by it's handle.

Answer

Recur picture Recur · Aug 12, 2012

Found out thanks to some help.

geometry.applyMatrix( new THREE.Matrix4().makeTranslation(x, y, z) );

using that I translated the cylinder's y by 100 points so it basically rotates on it's lower end.

Related questions

"Cross origin requests are only supported for HTTP." error when loading a local file

I'm trying to load a 3D model into Three.js with JSONLoader, and that 3D model is in the same directory as the entire website. I'm getting the "Cross origin requests are only supported for HTTP." error, but I don't …

Read More
Changing three.js background to transparent or other color

I've been trying to change what seems to be the default background color of my canvas from black to transparent / any other color - but no luck. My HTML: <canvas id="canvasColor"> My CSS: <style type="text/…

Read More
Rotate camera in Three.js with mouse

I have quite a few objects in my scene so rotating all of them could be a pain. So what is the most easy way to move camera around origin on mouse click and drag? This way all the lights, …

Read More