2019.12.12 Meguro.es
※Pug, Sass(SCSS), Vue.jsを使用
TweenMax のメジャーアップデート
2019.11.10 にバージョン 3 をリリース 🎉
公式リリースノートを見てね!
雪が舞うアニメーション
gsap.to(element, { param })
の基本形でとりあえず動くよ
gsap.utils.*
は15種類もあって便利かも → ドキュメント
3Dの箱が波立ちながら登り続けるループアニメーション
gsap.to(element, { stagger: { param } })
で複雑な動きもラクに指定できるよ
gsap.to(element, { rotationX: 360 })
など3DTransformsも使えるから3Dで遊べるよ
この横暴について@greensockに聞いてみた
@greensock
ある...よね?
F1マシンがモナコサーキットを走り回るアニメーション
gsap.to(element, { motionPath: { path: <path> } })
でとりあえず<path>に沿って動くよ
MotionPathHelper.create(element)
のヘルパーで移動経路(パス)を確認できるよ
をやって感じたこと、まとめ
Have a nice coding!
By yusukenakaya
Meguro.es#24 の発表資料です