[Tween.to] Is it possible to use "width" as a props element ? about tweenjs HOT 2 CLOSED

There is no "width" or "height" properties on EaselJS displayObjects. You can implement your own approach, OR you can take a different approach with Tween.

Set a "width" of 0 on the element (just a property we will use), and then add a "change" listener, which is called as the tween changes. Then redraw your graphics each tick in that function with the updated "width" property. Just make sure to clear your graphics each frame before you draw it again.

clip.width = 100;
createjs.Tween.get(clip).to({width:500}).addEventListener("change", handleChange");
function handleChange(event) {
    clip.graphics.clear().{DRAWING_OPERATIONS HERE}
    // using clip.width.
}

You can also use 0-1 as a tweened number instead, and derive your width as a percentage.

Note that although this seems like it would be a way more intensive operation, the performance difference will be negligible since it has to redraw the graphics anyways, and that this the most expensive part.

from tweenjs.

Oh really thanks man. It works well and that was much easier than my solution. I can even use the ease parameter now 👍

Also thanks for your clear() tips. I guess i was drawing a bit too much. I didn't realize that each operations was actually kept into a queue.

from tweenjs.