CreateJS: как связать несколько фигур

Я хочу сделать несколько фигур перетаскиваемыми/масштабируемыми/вращающимися, синхронизированными одной командой. Есть ли встроенная функция, чтобы связать их или сделать их вложенными? Или я должен просто поместить их в массив и повторять свою команду для каждого из них?


canvas createjs easeljs
person Viktor    schedule 18.02.2016    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вы можете добавить любое количество экранных объектов в контейнер и вместо этого выполнять операции преобразования в контейнере.

var shape = new createjs.Shape();
shape.graphics.f("#f00").dc(0,0,25);

var shape2 = new createjs.Shape();
shape2.graphics.f("#00f").dc(0,0,25);
shape2.x = 100;

var container = new createjs.Container();
container.addChild(shape, shape2);
stage.addChild(container);

container.x = container.y = 100;
container.rotation = 45;

// Move the container on the x-axis when dragged
container.on("pressmove", function(e) {
    container.x = stage.mouseX;
});

Вот скрипт: http://jsfiddle.net/2m9yff9x/

person Lanny    schedule 18.02.2016