1.0.0アップデート」参照)。そこで、実際にプラグインを試してみることにしましょう。円を左右にトゥイーンアニメーションさせるまずは、基本となるトゥイーンアニメーションが以下のコード001です。Shapeオブジェクトに円を描いて、左右に動かしています(図001)。AbstractTweenクラスから継承するTween.loopプロパティのデータ型が、1.0.0でブール値からループ回数を示す整数に変わったことにお気をつけください。トゥイーンをループし続けるには-1を与えます。あとで円の塗り色をトゥイーンするため、Graphics.commandプロパティでGraphicsコマンドの参照(fillCommand)を得ています。SamplePluginクラスを使うプラグインのJavaScriptファイルは、CreateJSの標準のライブラリには含まれていません。ダウンロードしたTweenJSのsrc/tweenjs/pluginsフォルダの中から使うプラグインのJavaScriptファイルをコピーして、CreateJS(TweenJS)ライブラリのあとに<script>要素に読み込んでおきます。図002■プラグインのJavaScritpファイルはじめに試すのは、SamplePluginクラスです。x座標を動かすと、それに応じてy座標がsin関数で上下に揺れます。JavaScriptコードは、静的メソッドSamplePlugin.install()でプラグインをインストールするだけです。これで、円はsinカーブを描いてトゥイーンします。createjs.Ease.quadInOut);</script>SamplePluginクラスはあまり応用性は高くありません。いうのは、プラグインをつくる人向けのデモ用のクラスだからです。その代わり、SamplePlugin.jsのソースには、コメントが詳しく加えられています。ColorPluginクラスを使うもうひとつ、ColorPluginクラスを試しましょう。CSSのカラーの定めにしたがった文字列の値をトゥイーンします。カラー名は使えません。src="lib/ColorPlugin.js"></script>まず、プラグインを静的メソッドColorPlugin.install()でインストールします。引数は色をトゥイーンするモードで、デフォルト値は'rgb'です。今回は'hsl'とします。前掲コード001では、Graphics.commandプロパティでGraphics.Fillコマンドオブジェクトの参照を得てありました。そこでつぎのように、Graphics.Fill.styleプロパティのカラー値をhsl()のかたちでトゥイーンします。これで、円が波のように揺れ動きつつ色を変えるアニメーションになりました(図003)。プラグインSamplePluginとColorPluginのふたつを使ったスクリプトは、以下のコード002にまとめたとおりです。併せて、サンプル001をjsdo.itに掲げます。