スクリプトをより良くする。煙がスムーズにならない

私は煙をアニメートするためのスクリプトを作成しました。私は3つのPNGファイルをアニメーション化します。これらのPNGファイルは、煙の画像を持つファイルです。

しかし、スクリプトが少しばれて、煙アニメーションがスムーズでないことがあります。 Smokeをリロードするときにアニメーションがスムーズでないことがあります。

スモークアニメーションがスムーズに動くように問題を解決するにはどうすればいいですか?

jsfiddle(編集可能)でスクリプトとデモを見ることができます:

jsfiddleのスクリプト

8
あなたはすべてのブラウザや特にブラウザでうまくいっていますか? Firefox 7、Linuxではうまくいきません。
追加された 著者 stivlo,
素晴らしいスーパー!
追加された 著者 abhijit,
@ rkw:gifはバイナリの透過のみを許可しますが、明らかに悪化しています。
追加された 著者 Joachim Sauer,
次のことができます:0。それは素晴らしい:) 1.最初にすべてのdivを作成し、それらを再利用する。 2.現在のdivを削除するのではなく、切り離す。 3.あなたの煙の要素をキャッシュします。
追加された 著者 Irishka,
私はその効果が好きです。私は一度だけチョッパーを見ましたが、それはとても短かったです。アニメーションGIFをオーバーレイしないだけの理由はありますか?
追加された 著者 rkw,
私は煙スプライトがロードされていたときに、ほんのちょこちょこを見ました。
追加された 著者 Leonardo Herrera,
@Irishka:私は彼の煙の要素をキャッシュしようとしました。それは時々起こるアニメーションのしゃっくりを解決しませんでした。
追加された 著者 weir,

1 答え

とてもかっこいい。

transform -webkit-transform -moz-transform -o-transform )を使用して bottom で絶対位置を決めるのではなく、ほとんどのブラウザーがハードウェアアクセラレーションを起動させるので、ちらつきが気になるはずです。

私はIEについて知りません...

1
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript