Animate CC createjs Rotationの回転方向を指定したいです。

Question

Animate CCとjavascriptの初心者です。宜しくお願いいたします。

検証してみたのですが、createjsのrotationは、0度から270度に回転する場合、時計回りに270度回転するわけではなく、負の整数でもないのに反時計回りに90度回転します。

rotationは距離の近い方向に回ってしまうのが仕様みたいですが、回転方向を指定したいため以下の方法を検討しています。

①OSとそのバージョン　 Windows7 Pro SP1 64bit

②製品とそのバージョン　Animate CC 2018 （18.0.1（ビルド115））

③トラブルの内容

createjsのホームページには、tweenjsのプラグイン「RotationPlugin.js」は以下がサンプルなのですが、

こちらをAnimate CCで読み込ませて使いたいため、以下の手順で作業したのですがうまくいきません。

1. グローバルインクルードで、RotationPlugin.jsを読み込ませる。

2. グローバルスクリプトで、createjs.RotationPlugin.install();を実行。

3. インクルードの並びを、RotationPlugin.js、グローバルスクリプトの順に変更。

4. フレームスクリプトに以下を記入

createjs.Tween.get(arrow_mc)

.to({rotation: 270, rotationDir: 1}, 1000).wait(500)

.to({rotation: 0, rotationDir: -1}, 1000).wait(500)

④エラーメッセージ

Uncaught TypeError: createjs.Tween._installPlugin is not a function

関数が無いと出ます。

ちなみに書き出されたhtmlに読み込んでいるcreatejsのバージョンも上げてみましたがダメなようです。

↓↓↓↓↓↓↓↓↓

どうにか回転方向を指定したいです。

何卒、よろしくお願いいたします。

Fumio Nonaka · Accepted Answer

初心者とのことですが、ご質問は的確に情報が整理されています。でも、なぜできないのかわかりません(苦笑)。

Animate CCでモーショントゥイーンをつくるとき、回転角270度を勝手に-90度にしてしまうことはあります。けれども、TweenJS(CreateJS)では、270度の回転はプラグインなしにできると思います。フレームアクションはつぎのとおりです(インスタンス名arrow_mc)。

const arrow_mc = this.arrow_mc;
createjs.Tween.get(arrow_mc, {loop: true})
.to({rotation: 270}, 1000)
.wait(500)
.to({rotation: 0}, 1000)
.wait(500);

なお、プラグインをグローバルスクリプトで加えるのは適切ではありません。グローバルの定めは、CreateJSの初期化より前に実行されるからです(「グローバルスクリプトに変数でインスタンスを代入することはできますか？」参照)。

もうひとつ、前掲コードについて注意していただきたいのは、TweenJS 1.0からTween.loopプロパティのデータ型が、ブール値からループ回数を示す整数に変わったことです。

Sign up