こんにちは！初めまして！！

ポコロンダンジョンズでアニメーションの作成をしてます、マルモと申します。

今回はアニメーションのイージングについての記事を書きます。

イージングとは

イージングはアニメーションを作る時に必ずと言って良い程使用する技術です。

まずイージングが何なのか見てみましょう。以下の画像を見てください。

これらの正方形の移動時間は同じですが、移動速度とその速度の変化量に違いがあります。

イージングとは、アニメーションツール(Flashなど)でアニメーションさせる時に、数値を設定する事で加速度を増減させる機能のことです。

何故イージングを使うのか

現実の世界では、等速直線運動を実現させることは不可能に近いと言われています。

何故なら、物体は空気抵抗や摩擦、重力、電磁気力などの影響を常に受けているからです。

つまり、普段実際に目にしている物体で等速に動いているものは無いということになり、

そのような物体を見た時には違和感を感じると思います。

例えば以下のボールを上に投げた時のアニメーションを見てみましょう。

左のボールは等速でアニメーションさせていて、右のボールはイージングを使用しています。

どちらがボールを上に投げているように見えるかと聞かれたら、大体の人が右だと答えると思います。

次に、ボールを地面に投げてバウンドさせた時のアニメーションを見てみましょう。

ボールを上に投げた時のアニメーション同様に、左のボールは等速、

右のボールはイージングを使用しています。

これらのアニメーションのようにイージングを使用してアニメーションに対して違和感をなくすことによって、より自然なアニメーションを作ることができます。

イージングの活用

では、イージングの活用例を見てみましょう。

以下の画像はイージングを使用して文字をアニメーションしたものです。

ボールのような現実に存在する物体ではなくてもイージングを使用することによって、

アニメーションにメリハリがついて見ていて気持ちの良いアニメーションを作成することができます。

イージングはみなさんがいつも使用しているスマホやアプリ、webページ内のアニメーションでもでも多様されています。

何気なく見ていても違和感がないのは単純に見慣れてしまっているだけでなく、

それが気持ち良いアニメーションだからかもしれませんね！

iOS UI Animations

以上で今回は終わりです。最後まで読んでいただきありがとうございました。

アニメーションを作る機会がありましたら、ぜひイージングを意識してみてください！