Как уменьшить ширину прямоугольника в анимации EaselJS

Question

Я хочу уменьшить ширину прямоугольника каждый галочку в анимации.

В методе Init(), я сначала создать прямоугольник:

var graphics = new createjs.Graphics().beginFill("green").drawRect(650, 90, 280, 8); 
var shape = new createjs.Shape(graphics); 
stage.addChild(shape); 

Как я могу получить доступ к ширине прямоугольника в клеща()?

Answer 1

Простой ответ: вы не можете сделать это напрямую!

Есть два способа сделать это:

1) Через Scalex и твин

var tween = createjs.Tween.get(shape).to({scaleX:0.5 }, 1000); 

2) Через перерисовки каждый кадр

сохранить дополнительную переменную с начальным ширину, а затем вычесть что-то из этой ширины на каждом тике и перерисовать прямоугольник с новой шириной.

В то время как путь 1), вероятно, проще, масштабирование мощь результат в размытых краев, вы должны проверить, что в вашем случае.