アニメーションのjavascript、開始点

Question

JSの実行方法を理解していますが、DOMのほとんどを理解していると思いますが、アニメーションについてはわかりません。誰かがここでJavascriptでどのように行われているかを私に説明できる良いガイドを知っていますか？

さらに、私はアニメーションのためのJavascriptを考慮する必要がありますか？私は代わりにフラッシュを学ぶために探しているべきですか？

Answer 1

大量のブラウザやシステム（iPhoneなど）ではサポートされていない、Googleのクロール不可能なフラッシュを避けてください。最も重要なのは、Web標準（スクロールバーなど）を再構築することです。もう一方の手はnoscriptのケースでは維持してコード化する方が簡単です。

お試しにはscriptaculousをお試しください。

• here's a quickie 3-line tutorial so you can see it working
• here's a more complete tutorial
• here's the scriptaculous wiki

無数JSアニメーションライブラリがあることに注意してください、いくつかの本当に良いjQueryが頭に浮かぶ。通常、スクリプトタグとonclickイベントだけを設定します。

幸運を祈る！

/MP

Answer 2

アニメーションがシンプルな場合は、時間の経過とともに色を変え、xからyまで3秒で移動します。 Javascriptは問題ありません。すべての種類のwizbangボタンと画面のコーディネートされた回転が必要な場合は、まっすぐなjs + dhtmlが最高の気にならないでしょう。その時点でSilverlightとFlashの違いは何ですか？興味深いことに、Silverlightにjavascriptをプログラムすると、Silverlightで実装されている同じコードを作成するより高速で動的なDOMに簡単にアップグレードすることが大きなメリットになります。私の経験ではFlashのプログラム能力は非常に限られていますが、何かできることはありますが、遅くなり、数千行のコードが必要になります。シンプルなJSアニメーションでは、jQueryまたはScriptaculousを見てください。

Answer 3

Bernard SumptionのAnimator.jsのようなJSアニメーションフレームワークをご覧ください。かなり軽量で、優れた例がいくつかあります。

個人的には、私はJSでアニメーション化しません。フラッシュFTW。

Answer 4

あなたはIEのサポートに関係していない場合は、canvas要素を実験してみてください：

Mozilla Developer NetworkコンテンツのライセンスBasic animations