9.応用アニメ【回転】

f:id:AdobeAnimateFunya:20160302182108p:plain
あれ〜〜?? うまく回転しないふにゃ〜なんでにゃ!?

f:id:AdobeAnimateFunya:20170420172359p:plain ただまっすぐに横移動するアニメが出来上がっている…

f:id:AdobeAnimateFunya:20160302165304p:plain
回転していないね。 ふにゃクンはどんなアニメが作りたいのかい?
f:id:AdobeAnimateFunya:20160302165254p:plain
おヒゲふにゃが宇宙空間をくるっと一回転しながら 横に移動するアニメが作りたいのにゃ!

youtu.be ↑ふにゃが作りたいアニメ

f:id:AdobeAnimateFunya:20160302165304p:plain
なるほどね。 とりあえず試しに最後のキーフレームのインスタンスを270度回転させてアニメさせてごらん。

f:id:AdobeAnimateFunya:20170420173829p:plain

f:id:AdobeAnimateFunya:20160302182108p:plain
あれっ!?270度じゃなくて反時計回りに90度回転したふにゃ〜〜〜!? なぜにゃ…不具合かにゃ〜?
f:id:AdobeAnimateFunya:20160302165304p:plain
いつものトゥイーンアニメの設定だと【回転:】が「自動」になっているんだよ。 これだと近い方へアニメするんだ。 ここを「時計回り」か「反時計回り」に設定すれば意図した方向へ回転するよ。 回転数も変えられるよ。
f:id:AdobeAnimateFunya:20160302165254p:plain
ふむふむ…なるほどふにゃ〜。 早速やってみるふにゃ〜!!

----------------------------------------------------------------------------------------

やってみよう!

くるっと回転させよう

1.準備

何かイラストを描いてシンボルにしよう。
フレームを増やして最後をキーフレームに変換しインスタンスを右に移動させて
[トゥイーン]を設定するよ。
参照:「3.基本のトゥイーンアニメ(移動アニメ)」

f:id:AdobeAnimateFunya:20170420180901p:plain

2.

1フレーム目のキーフレームを選択するとプロパティがフレーム設定のものになるよ。

f:id:AdobeAnimateFunya:20170420191342p:plain

3.

【回転:】のポップアップルメニューから時計回りを選択する。
右にある回転数は自動で「1」に設定されるよ。
f:id:AdobeAnimateFunya:20170420195946p:plain

4.

再生すると右に移動しながら一回転するよ。 回転数を変えたい時は回数を変えればいいよ。

www.youtube.com

5.

ちなみに270度回転するアニメの作り方。
f:id:AdobeAnimateFunya:20170420195550p:plain 最後のキーフレームに配置したインスタンスを[修正/変形/伸縮と回転]で270度回転させておく。

f:id:AdobeAnimateFunya:20170420195605p:plain 最初のキーフレームを選択しプロパティの回転数を0にする。

6.

再生してみよう。270度回って止まるよ。

youtu.be

回転数を0にしたのは回転が360度未満だからだよ。

回転の途中でカクっとしてしまうときの対処法

同じ場所で一回転するアニメをswfで書き出してループ再生すると
一回転した瞬間に「カクっ」としてしまうよ。
これは最初のフレームと最後のフレームのインスタンスの角度が同じだから。
滑らかにするには後ろから2番目のフレームをキーフレームにして
最後のフレームを削除しよう。滑らかに回転するよ。
ただ、この場合、回転は360度未満なので回転数を0にしないと 2回転してしまうよ。