土曜日, 5月 04, 2024

How to use Trangram 10 
Easing設定でアニメの動作調整(2)

Easing設定でアニメの動作調整の違いを整理しました。今回は第2回です。


この連載は以下で確認できます。

上から・・・
Ease Out - Expo
Ease Out - Quint
Ease Out - Quart
Ease Out - Cubic

上から・・・
Ease Out - Bounce
Ease Out - Elastic
Ease Out - Back
Ease Out - Circ

上から・・・
Ease In Out - Quart
Ease In Out - Cubic
Ease In Out - Quad
Ease In Out - Sine

上から・・・
Ease In Out - Back
Ease In Out - Circ
Ease In Out - Expo
Ease In Out - Quint

上から・・・
Step - 10
Step - 7
Ease In Out - Bounce
Ease In Out - Elastic

※なお、この書き込み時点ではWebpで書き出して再生されました。しかし、2024/05/23の段階では、Webpで書き出したモノはムービーとはならず制止画になり、Webp形式でのムービー書き出しはWebm(VP9)を指定します。ただし、ブラウザーでは表示で来ますが、このBlogに配置できませんでした。