canvas - EaselJSアニメーションで長方形の幅を減らす方法

Question

アニメーションの目盛りごとに長方形の幅を狭くしたい。

init（）メソッドでは、最初に次のように長方形を作成します。

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

tick（）で長方形の幅にアクセスするにはどうすればよいですか？

Answer 1

簡単な答え：これを直接行うことはできません！

これを行うには2つの方法があります。

1）scaleXとTweenを介して

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

2）すべてのフレームを再描画することにより

初期幅で追加の変数を保存し、ティックごとにその幅から何かを減算し、新しい幅で長方形を再描画します。

方法1）の方がおそらく簡単ですが、スケーリングするとエッジがぼやける可能性がありますが、自分の場合はそれをテストする必要があります。