開発者のためのJavaScriptアニメーション・ライブラリベスト15 #JavaScript

jQueryは、シンプルで刺激的なAPIを使用して、思いつくエフェクトや想像もつかないエフェクトを作成することができ、あらゆる種類のエフェクトに無限の可能性をもたらします。

jQueryをクリエイティブに使用することで、Webデザインにリッチなアニメーションをもたらし、ユーザーの視覚体験を向上させることができます。明らかに、魅力的なWebエフェクトを作成し続けることで、より多くのリピーターを生み出すことができ、このような魔法のようなエフェクトは、過去にはFlashでしか実現できませんでした。

今回は、プロジェクトやWebサイト、アプリケーションに役立つjQueryアニメーションの革新的な使い方をご紹介します。

良い一日を！

1.トゥイーンJS

TweenJSはシンプルなJavascriptのインタースティシャルアニメーションライブラリです。EaselJSライブラリに依存したり制限されたりすることなく、EaselJSライブラリとうまく統合するために開発されました。数値オブジェクトのプロパティとCSSスタイルのプロパティに基づくトゥイーンをサポートしています。APIはシンプルですが強力で、リンクされたコマンドで複雑なトゥイーンアニメーションを簡単に構築できます。

Tween JS

2.ジャサニム

jsAnimはウェブサイト用のアニメーションライブラリで、結果は平凡で、実装は不器用で、標準やアクセシビリティを犠牲にしており、サイズは25kバイトと巨大です。

Jsanim

3.Animo.js

Animo.jsは、CSSアニメーションを管理するための小さいながらも強力なツールです。オーバーレイアニメーション、クロスブラウザでのぼかし効果の作成、アニメーション完了時に実行されるコールバック関数を備えています。

Animo.js

4. Move.js

Move.jsは小さなJavaScriptライブラリで、CSS3サポートによるアニメーションを非常にシンプルかつエレガントにします。

Move.js

5.コリー

Collieは、HTML5を使用して高度に最適化されたアニメーションやゲームを作成するためのJavaScriptライブラリです。HTML5のcanvasとDOMを使用できるPCと携帯電話で動作します。レンダリングパイプラインを使用して複数のオブジェクトで安定して動作し、スプライトアニメーションやユーザーイベントなどの便利な機能をサポートしています。iOSとAndroidを安定的にサポートし、それぞれのプラットフォームに最適化されたレンダリングを行います。Retinaディスプレイにも簡単に対応します。

Collie

#p#

6.Minified.js

Minified.jsは小さな強力なクライアントサイドJavaScriptライブラリです。jQueryと同様の機能などを提供し、シンプルでわかりやすいAPIを持っています。

Minified.js

7.レカピ

RekapiはJavaScriptのキーフレームアニメーションライブラリです。キーフレームアニメーションを定義し、その再生を制御するためのAPIセットを提供します。実際、Rekapiのカーネルはレンダリング操作を行いません。標準配布パッケージには、HTML DOMとHTML5 2D Canvasレンダラー・モジュールが含まれています。

Rekapi

8.スナップ.svg