Вращать форму вокруг центра, не влияя на его местоположение

Question

чего я хочу достичь, это создать фигуру в местоположении x: 0, y: 0

и вращать фигуру вокруг ее центра, не изменяя regX и regY

есть лиспособ сделать это в CreateJS,

я хочу иметь эффект перемещения фигуры из ее верхнего левого угла, но в то же время вращаться из ее центра

https://jsfiddle.net/x5nht1am/20/

shape.regX=25;
shape.regY=25;
createjs.Tween.get(shape).to({rotation: 90} , 4000)
//then at the same time
shape.regX=0;
shape.regY=0;
createjs.Tween.get(shape).to({x: 100,y:100}, 4000)

есть ли способ передать regX & Y для анимации движения, чтобы использовать его только в этой операции?

Answer 1

Объекты EaselJS не могут иметь отдельных точек поворота и регистрации.

При работе с отдельными точками регистрации (из которых извлекается содержимое) и точкой поворота (откуда вращается и масштабируется содержимое),Простое решение - обернуть ваш объект в экземпляр Container, а затем отдельно управлять положением и вращением.

var cont = new createjs.Container();
cont.addChild(myShape);

Это должно помочь.Есть определенно другие подходы с математикой Matrix, но это самое простое решение, которое я могу придумать.

Cheers,