GSAPの読み込み | TweenMax、TimelineMax

GSAPの読み込み | TweenMax、TimelineMax

■GSAPとは?

TweenMax、TimelineMaxなどの総称を指す。

■GSAPの読み込み

下記にアクセスし、Loading GSAPのスクリプトを読み込む。

GSAP

Welcome! In this article we're goin…
greensock.com

■TweenMax

アニメーションのタイミングはdelayで決める。
変更には弱い。

イージングは下記から選択できる。
※読み込んでいるGSAPのversionを確認する。本記事はv3。

GSAP

"slow", "rough", and "expoScale" eases a…
greensock.com

■TimelineMax

使い方は似ているが、変更にはこちらの方が強い。
アニメーションのタイミングは相対的に決まる。

参考

こちらで勉強しました!