iPhoneがアニメーションスプライトを正しく再生していませんか？

Question

私はAndroidでこれをテストしましたが、それは素晴らしいですが、iPhoneでは非常に遅れているようですが、画像のプリロードにエラーがあると想定していましたので、単純なjqueryプリローダで試しても問題はないようです。

イメージはあなたが私が行方不明です何かを見ることができれば、私は疑問に思う25025px by 80px

で巨大MAXINGですか？問題を表示するには

http://www.prosperitymedia.co.uk/test/

は、あなたのiPhone/iTouchの上でサイトを表示します。

注意点として、私はそれは、そのspritelyはアニメーションを表示することができないではありませんすべてのフレームをキャッシュしようとしているiPhoneで別の電話機で

をテストし[OK]をSpritely

Answer 1

だから、これは克服するトリッキーな状況だったが、ここで私たちの正確な働きがあります。私は、スプライトの数のために、iphoneとパフォーマンスに関連する問題ではないことを発見しました。何が起こっていたのかは、同時に画像を読み込んでアニメーション化することによってブラウザがクラッシュしていたことです。

は、だから我々は明らかに非常にうまく機能しなかったのjQueryのプラグインを使用して私たちの画像をプリロードしなければならなかった起きてからこれを停止します。

最終的に私たちはDOMに画像を書き込むためのカスタム関数を書いた後、<img onload="customFunction" />をjQuery .css()関数を使ってdivに添付しました。

この画像の読み込みが行われたが、我々は起こって何かがあったことをユーザに知らせるためにプリロード（ロード）画面を使用していました。

これは、今後同様の問題が発生した場合に役立ちます。

Answer 2

と呼ばれるプラグインを使用しています、フレームごとに表示して表示します。

あなたは、フレームのすべてのアルファベットとrougly数百を持っているように、このプロセスが遅すぎます。

iPhoneでhttp://www.spritely.netをテストすると、鳥がフレーム単位で読み込まれていることがわかります（3フレームです）。最後にSafariにすべてのフレームがあるため、すべて正常に動作します。

私の推測では、あなたは、彼らがその多くのメモリを持っていないとして、フレームやスマートフォン向けのアニメーションの数を削減する必要があります。