TweenJS で CSS Plugin を使った際に値の単位を変更する

以前 CreateJSで遊んでみる 2日目 TweenJS で書いたように、TweenJS は CSS Plugin を利用することで HTML 要素に対してもアニメーションを適用させることができます。

しかし、デフォルトではアニメーションする CSS プロパティの単位が決まっています。
例えば Width であれば "px" がデフォルトの単位となっているため、 既述されたスタイルの単位に ％ を指定しているといった場合思ったような動作にならないかもしれません。

そこで、 CSSPlugin.js の中身を覗いてみると、

CSSPlugin.cssSuffixMap = {
    top: "px",
    left: "px",
    bottom: "px",
    right: "px",
    width: "px",
    height: "px",
    opacity: ""
};

とプロパティと値の単位が書かれたオブジェクトの記述が見つかります。 これを上書きしてあげればひとまずは大丈夫そうです。

createjs.CSSPlugin.cssSuffixMap.width = "%"