SVGアニメーション

イラレで作られたイラストデータを、アニメーションで一瞬表示させたい(いわゆるスプラッシュ)という課題があって調べていたところ、
https://signal.tokyo/howto/how_webcreate/1947
https://ics.media/entry/8439
Animate CC から可能だとあったので、Flashにまみれていた懐かしの日々を思い出しながら習作(…といってもトゥイーンアニメーション)。さぁ書き出しは、と思ったら「Snap.svg Animator」が“ This Extension is retracted by the partner. ”されてるやん…。
https://www.adobeexchange.com/creativecloud.details.12329.html

https://helpx.adobe.com/jp/animate/kb/install-animate-extensions.html?mv=product&mv2=an#
最初のリンク(Adobe Add-ons Web サイト)までNot Foundなのはどういうこっちゃねん
https://www.adobeexchange.com/はある)

結局、Lottie(AfterEffects)を使うしか無いのかなぁ。
一応こっちでも習作してうまくいったけど、lottie.min.js が約250KBあるのでちょっと躊躇している。

https://github.com/airbnb/lottie-web/tree/master/build/player
内にあるlottie_svg.min.jsでも動くので、これなら193KB。

AfterEffectsのインターフェースがちょっと苦手なので、できることならAnimate CCでなんとかできたらいいのになぁ。

この記事が気に入ったらサポートをしてみませんか?