【ライセンス比較】GSAP/animejs/JavaScriptのアニメーションライブラリおすすめは?

プログラミング学習

vuejsでjavascriptのアニメーションライブラリを検討した際の覚書です。口コミやみなさんの乗り換え先がどうなっているのか適当にTwitterなどで調べました。

GSAPの評判(独自ライセンス商用利用有料)

アメリカ製のアニメーションライブラリです。

従来はTweenLite, TweenMax, TimelineLite, TimelineMaxとライブラリが分割されていましたが、軽量化によりひとつになりシンプルな記述が可能になりました。軽量かつ多機能、豊富なプラグインなどの特徴があり世界中で用いられています。

https://ics.media/entry/200805/

買い切りや寄付ならいいのですが、個人的にも今はライブラリにライセンス料をかけていられないため断念しました。

3プラン、1万〜2万超えのサブスクリプションです。商用利用は有料で公式の説明は次のとおり。

SimplyGreen、ShockinglyGreen、BusinessGreen


https://greensock.com/club/

ただ、GSAPのScrollTriggerという拡張がとても便利そうで使いたいなと。

ScrollTriggerの代替

でも、GSAPは採用を見送ったためScrollTriggerの代替があるのではと探しました。

スポンサーリンク

animejsの評判(MIT License)

animejsはフランス製です。Julian Garnierさんというパリの方が作ったようです。GSAPは多くのことができるけど重いから、軽量ライブラリを作ったみたいなことを言っておられましたかね。

アニメといえばやっぱフランスですよね!個人的にバンド・デシネが好きなのでそんな思いもあります。

vue.jsで使っている人も多そうですね。

開発時間もそんなにかかりません。

ライセンスはMITです。

MIT License

https://github.com/juliangarnier/anime/blob/master/LICENSE.md

使い方はqiitaで執筆してみました。

スポンサーリンク

mo.jsの評判(MIT License)

なんとなく、かわいい名前です。La Rochell(フランスの都市)の方が作ったようです。

スポンサーリンク

Velocityの評判(MIT License)

jQuery.animeteの置き換え用ですが、個人的にWeb屋ではないためjQueryはまったくわからないのと、口コミ的にもanime.jsと判断しました。

スポンサーリンク

createjsの評判(MIT License)

CreateJSはAdobe Animate CCと連携できるのが強みらしいです。また、パーティクル関連は強そうな気もしました。MITライセンスです。

よさそうだったのですけど、わりと複雑なものをやる向けなのかなっと。

またこれです。

githubをみると更新されていない状態はたしかなようですね。

PixiJS,、Three.jsなどゲーム開発のフレームワーク

アニメーションといえばゲーム開発。ゲーム開発のフレームワークも少し調べてみましsた。PixiJS,Three.jsなんかもあるようです。

PIXI.jsは本も出版されているのですね。

ボーンデジタル
¥3,520 (2022/03/14 14:33時点 | Amazon調べ)
\楽天ポイント5倍セール!/
楽天市場
\ポイント5%還元!/
Yahooショッピング

ただ、ちゃんと作るのならJavaScriptではなくC#のUnity一択な気がします。

パフォーマンスやトータルの評判

2017年の情報だったため、こちらはあまり参考にしませんでしたが、anime.jsが劣っているのはちょっときになるところです。。

アニメーションライブラリでおすすめは?

結局どうしたのかといえば、こうです。

やや気になる点はあったもののanime.jsを採用しました。使い方はqiitaで執筆してみました。

ただJSのアニメライブラリはそんなに詳しくないためもっといいものがあれば教えてください。

コメント

タイトルとURLをコピーしました