2011-08-16 14 views
0

ブラウザーでは、約10種類のGIFレイヤーをアニメーション化して作りたいと思っています。私が表示する10の層のどれが都市点に依存するか。 Die Siedler OnlineのようなFlashゲームでは、多くのアニメーションを見ることができますが、TribalWarsのようなPHPテキストベースのブラウザーではそのことが分かりません。何故なの?それは多くの帯域幅を必要とするか、それとも非常に遅い負荷ですか...?ラージGIFアニメーション

gifアニメーションについて別の質問があります。透明なバックグラウンドと20個のアニメーションが付いた大きなレイヤーを作成する必要がありますか、TribalWarsのような20種類のgifアニメーションを作成する必要がありますか?

ありがとうございます!

答えて

0

PHPはサーバー側のスクリプト言語です。それはレイアウトを持つtodoと何もありません。 jQuery(高度なJavaScriptの一種)を使用すると、(ゲームで使用されるような)動的レイアウトを作成できます。アニメーション時に

1
  • GIFは小さいが、大きなであり、それは
  • は、なぜあなたはJavaScriptを使用することができたときにアニメーションGIFを使用したいと思う多くの帯域幅を取りますか? (jQuery)
  • 最後の質問については、最初の質問に進みます。サーバーからのリソースが少なくて済み、同じタイプのファイルが20個未満です。
1

GIFは使用しないでください。基本的には非推奨です。いくつかの異なるイメージを作成し、さまざまなJavaScriptライブラリを使用して1つのレイヤーをアニメートするだけです。

これを見てください - http://sixrevisions.com/javascript/10-impressive-javascript-animation-frameworks/それはあなたが必要とするものを正確に助けるべきです。また、MooToolsやjQueryなどのライブラリをアニメーションに使用することもできます。

もう1つ私はあなたが見ることをお勧めしますRaphaelJSです。 HTMLキャンバスを使用して、必要なものには広すぎるかもしれませんが、ベクトルベースの高度なアニメーションが可能です。

さらに、ThreeJSなどのライブラリを調べると、WebGLを使用して3Dゲームを作成できますが、これはおそらく必要以上のものです。

ご協力ありがとうございます

+0

ありがとうございました。しかし、そのようなフレームワークのための帯域幅は高いですか?つまり、他のブラウザーではアニメーションがたくさんありませんし、クールなものを作れるのは非常に奇妙です。 – Jordy

+0

gifと比べると遅くはない。DOMと画像/グラフィックスの後にjavascriptがロードされるので、その時にロードされるので、ロード時間にあまり影響はない。ほとんどのブラウザーは、テキストベースであり、彼らはどのように動作するように設計されています。 javascriptゲームの良い例については、www.chromeexperiments.comをご覧ください。ほとんどの人はちょうどジャバスクリプトでゲームを採用し始めたばかりです。 – rickyduck

+0

あなたの例をありがとう。今私はキャラクターをどのように歩くことができるのか知っていますが、Gifアニメーションではさまざまなフレーム(たとえば20)があります。しかし、あなたが私に与えた例では、それを見ない。フレームを変えてアニメーション化するにはどうすればいいですか?私は分かりません:-) – Jordy

関連する問題