私は現在、サイトで実行する必要があるいくつかのアニメーション シーケンスを含む Web プロジェクトを計画しています。私はサイトを可能な限りクロス ブラウザー互換にする必要があり (当然です!)、さまざまなオプションについて他の開発者の意見を得たいと考えていました。
主に IE のため、Canvas はオプションではありません。IE のブラウザー統計の「進歩」は笑いものに近い http://www.w3schools.com/browsers/browsers_stats.asp (2013 年 3 月の IE の 13% (および ITすべての WINDOWS マシンにデフォルトで付属しています)少し話題から外れます...
「走る」、「歩く」、「飛ぶ」など、アニメーションのさまざまな段階で一連のアニメーション GIF をプリロードし、必要に応じて img タグの src を交換することを計画していました。私はまだこのようなものをテストしていませんが、アニメーションGIFの品質にはあまり熱心ではありませんが、プリロードされた画像(javascript http://www.preloadjs.com )でも遅延が発生する可能性があります。このアイデアをもう少し進めて、同じ方法を使用しますが、それぞれを個別の PNG として使用しますか? それは実現可能ですか?
または、背景画像としてスプライトシートが添付された DOM 要素を使用して、各ステップで背景位置を変更できますか?
任意の考えや例 ;) とても役に立ちます! :)
乾杯、ローリー!
- -編集
私はまた、さまざまなJavaScriptライブラリを開いています..現在私のプロジェクトにはjQueryとRaphealが含まれていますが