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

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 для функции tween, чтобы использовать его только в этой операции?

Answer 1

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

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

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

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

Ура,