Search code examples
createjstween

Can I grow the length of an object by tweening?

With createjs.Tween, is it possible to grow an object by pinning one end and extending the other rather than just moving it? For example, like Pinocchio's nose.

Solution

  • Yes, that is definitely possible.

    First you will want to set the point to scale from, with regX and regY. (in this case we set it to the middle left border)

    displayObject.regX = 0;
displayObject.regY = displayObject.getBounds().height / 2;

    You can then tween the scaleX or scaleY properties to stretch the graphic.

    createjs.Tween.get(displayObject).to({scaleX:2});