4

アニメーションができるタイムラインベースのアニメーションを実装しようとしています:

  • 一時停止
  • 再開した
  • 早送り
  • 減速した
  • 反転した
  • ...

そのような目的で使用できる Javascript 用のアニメーション/トゥイーン エンジンはありますか? それとも強くお勧めしますか？

特にこれは私が本当に興味を持っているので、Hwlpは素晴らしいでしょう! =)

4

7 に答える 7

4

あなたがまだ興味を持っているかどうかはわかりませんが、私はあなたと同じものを探しています（信じてください、私は何時間も探しています）、そして私が探していたものが本当に見つかったかどうかはわかりません為に。最も近いのはjsAnim ( http://jsanim.com ) で、今のところ問題なく動作しています。ネットで見つけたもののリストを作成しました：

（コメントは非常に偏りがなく、テストは非常に迅速に行われました。ピンセットで受け取ってください。）

  • jsAnim:構文は、オブジェクト アーキテクチャではなく、アニメーションに集中するのが非常に簡単です (YUI を参照) (これはエンジニアにとって素晴らしいことです...)。イージング オプションは素晴らしいものではありませんが、優れています。全体的に、うまく動作します。
  • Scripty2 (以前の Script.aculo.us):プロトタイプが必要かどうかはテストされていません。
  • moo.fx: Prototype または mootools が必要な場合はテストされていません。
  • YUI 2/3 アニメーション:正常に動作しましたが、エンジニア コードはカジュアルなフロントエンド アニメーションの学習曲線が高いです。
  • $fx():非常に小さいフットプリント (わずか 3 KB!) です。イージングだけがあれば、それが選択肢になります。
  • Trident-js:非常に強力なタイムラインを持っているようで、デモでは見栄えがしますが、私にはまったく機能しませんでした。
  • Animator.js:構文が怖かった。また、私には非常にアマチュアに見えました。
  • JSTweener/GX/xAnimation:それらは私の注意を少しでも引き付けませんでした。私には非常にアマチュアに見えました。
  • jQuery コード生成用の Glimmer GUI:セットアップがマシンにインストールされませんでした (インストーラーの不明なエラー)。
  • Raphael/Burst Engine/Processing.js/Pixastic/Cake-js:キャンバス/ベクター用です。別の種類の (クールな) もの。
  • Spritely:また、別の種類のもの: スプライト アニメーション。

したがって、今のところ、私の現在のアニメーション要件の勝者はjsAnimです。また、 Scripty2とmoo.fxもしばらくの間存在しているように見えるので、試してみたいと思います (どちらも 2005 年から、Scripty2 は Script.aculo.us の 2 番目のバージョンです)。

私の2セント。それが誰かに役立つことを願っています。今、私は最後の 8 時間を取り戻したいと思っています!!!

于 2010-11-05T04:10:55.777 に答える
2

あなたが探しているものは存在しないと思います。自分で書くべきです。

また、Adobe が JS/HTML/CSS アニメーション用の一連のツールを発表していると思います。Google IO でプレゼンテーションを確認できます。

于 2010-07-19T14:33:22.827 に答える
1

これらのフレームワークはすべてあなたのためにそれを行うと思います（リバースは私が見るすべてでサポートされているわけではありません）：

私はjQueryを好みます。

于 2010-07-19T11:23:49.597 に答える
1

Yahoo UI を使用してみてください:

http://developer.yahoo.com/yui/3/examples/

アニメーションセクションを見てください。

于 2010-07-19T10:06:22.150 に答える
0

あなたはjQueryアニメーションを見ることができます

http://www.visualjquery.com/

検索フィールドに「アニメーション」と入力してアイテムをクリックすると、いくつかの例が表示されます。

于 2010-07-19T11:17:53.843 に答える
0

完全な機能セットについては、KUTE.jsをご覧ください。変換、ボックス モデル プロパティ、スクロール、プレゼンテーション属性、SVG モーフ、SVG 描画、トゥイーン コレクション、一時停止、および多数のイージング関数を備えています。

于 2016-03-10T21:49:59.410 に答える