Posts posted by Rockerby
Thanks very much for the responses, didn't expect anything this quick! I've checked them both out and it seems so simple (always is when someone shows you the answer).
Both examples are very similar so I'll do a bit more research into them both and have a 'fiddle' to see what I can come up with. One thing I did notice on the cube you posted Carl, was that it looks a bit skewed on the slower rotations which I'm sure is something to do with the perspective and the way we are 'looking' at the cube.
I've been having a play around with the JS animations for a few weeks now (having loads of fun making stuff fly about the place!) but have decided to notch it up a level and try some 3D animations.
Basically I'm trying to rotate a 3D cube around the Y axis and am having an issue getting the 4 front facing sides of the cube to stay where they should be. They sort of 'bounce' from the edge of the cube by a small margin. I've setup a fiddle to help explain the issue for which I've taken out 3 of the cube faces to showcase the issue - http://jsfiddle.net/rockerby/sVTaU/1/
I've tried playing around with the transform origin rather than animating the 'z' and 'x' properties on rotate but can't seem to get this to look right.
Any help would be greatly appreciated!
Alignment issues, 3D rotation
Cheers for looking at that Carl. I noticed you'd removed the perspective from the cube wrapper, that gives some pretty crazy results when you start changing the perspectives independantly.