Animating `x` and `rotation` is buggy about bonsai HOT 7 OPEN

cc @davidaurelio

from bonsai.

Yes, this is a known problem. It is caused by multiple matrix transformations at once. bitmap-move-rotation.js shows the problem.

@basecode came up with other problems regarding rotation as well (offsets are changed), and I’m trying to figure out a way that makes it all work.

from bonsai.

@davidaurelio could I assign this to you? I don't think I have sufficient knowledge of this issue to attempt a fix.

from bonsai.

Sure

from bonsai.

I’m attempting to understand the matrix transforms (and how graphics programming works) and I’ve been experimenting in Orbit.

I came up with this Demo that appears to make the Rect do the expected translation, but I’m not 100% positive why it all works.

Especially the origin update that I made. Thoughts? /cc @davidaurelio (since you’re assigned)

from bonsai.

Oh, I also have a Star shape in the demo and doing an animation based on the matrix rather than the rotation also has it rotate at a different rate, oddly enough.

from bonsai.

Bollocks. Attempting to do do animations with matrix.createBox fails. Try changing the degrees in that demo to 180. I would imagine that this wouldn’t happen with create box from this https://github.com/uxebu/bonsai/blob/master/test/display_object-spec.js#L152-159 comment...

from bonsai.