Velocity？GSAP？Transit？いろいろあるけどどれがいいのん。って話。

一年前くらいの記事だけど。(2015/10/14現在)

Speed Test: VelocityJS, GSAP, jQuery, and Transit

animation – 最近のJS&CSSアニメーションライブラリまとめ – Qiita
http://qiita.com/tejitak/items/de7fbed9bf22b9037526

CSS vs. JS Animation: Which is Faster?

CSS vs. JS Animation: Which is Faster?

Animating Without jQuery – Smashing Magazine
http://www.smashingmagazine.com/2014/09/animating-without-jquery/

べろちゃんの使い方の説明スライド
Velocity.js is next generation animation engine.

まとめる。

• GSAPはお金が絡む商用では有料だよ（チケット売るとか、有料会員のみ閲覧できるとか
• GSAPは色々出来るけど、108KB、ゲームとかの細かい動きや、タイムラインを弄りたい・遡りたいときに。
• 単純にjqueryの置き換えとして使って軽量化させるならVelocity zip後の重さは7kbだそうな。
• でも（GSAP本家曰く）まえより早くなってVelocityとかわりないくらい軽いよ（って言ってた）
• 使いやすいのはVelocity アホみたいに色々出来るのはGSAP

バグとか

うーん。Velocity、AndroidでtransformOriginが効かない、、、、？？なぜだ。

Set transform-origin on SVG elements · Issue #137 · julianshapiro/velocity
https://github.com/julianshapiro/velocity/issues/137

Added support for 3D CSS transforms for SVG elements (for all browsers
but IE and Android non-Chrome, where it’s not possible). Closes #137.
だって。。svgはちょっとむりぽってことか。。。くそ。。。

20時間ほどVelocity.jsをいじってみた – フロントエンド開発Blog | オレには鈍器がある 無料ゲーム公式サイト
http://oredon.kidukilab.com/blog/2015/01/20velocityjs.php

記述の仕方比較

あったあったよ賢い人がうまくまとめてくれてるページが。（小躍り）

jQuery, GSAP, Velocity.jsのfadeIn/fadeOutの記法を比べる – console.lealog();

SVGのアニメーションについて

SVGのアニメーションはdivとか他のものと違って、軸が常に左上になる

SVGアニメーションの現状 | プログラミング | POSTD
http://postd.cc/the-state-of-svg-animation/#gfm-4

のだが、そこをvelocityだとちゃんと補完できないみたい
tweenMaxはできたんだが、。。

See the Pen stagger w/velocity, GSAP by Hiroko Nakahara (@hirokona) on CodePen.