iPhone не воспроизводит анимационные спрайты правильно?

Question

Я протестировал это на Android, и оно отлично работает, но на iPhone оно выглядит очень запаздывающим, я предположил, что это было ошибкой при предварительной загрузке изображения, поэтому после запуска в простом предзагрузчике jquery это все еще вызывает проблемы.

Изображения огромны до 25025px by 80px

Интересно, вы видите что-то, чего мне не хватает?

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

Для просмотра вопроса просмотрите сайт на вашем iphone / itouch.

В качестве примечания я использую плагин под названием Sprittle

Answer 1

Хорошо, я тестировал на другом телефоне

Не то чтобы спрайт не отображал анимацию, это iPhone, который пытается кэшировать все кадры, кадр за кадром, а затем отображать.

Поскольку у вас есть все алфавитные и грубые сотни кадров, этот процесс слишком медленный.

Если вы протестируете http://www.spritely.net на своем iPhone, вы увидите, что птицы загружаются кадр за кадром (а это 3кадров) и в конце все работает нормально, потому что в Safari есть все кадры.

Я думаю, вам нужно уменьшить количество кадров и количество анимаций для смартфонов, поскольку у них не так много памяти.

Answer 2

Так что это была сложная ситуация для преодоления, но вот наши точные действия.Мы обнаружили, что это не было связано с производительностью проблем с iphone из-за количества спрайтов, что происходило из-за сбоя браузера из-за загрузки и анимации изображений одновременно.

Итак, чтобы остановить этоМы должны были предварительно загрузить наши изображения с помощью плагина для jQuery, который, очевидно, работал не очень хорошо.

В конце мы написали пользовательскую функцию для записи изображений в DOM и затем <img onload="customFunction" /> для прикрепленияв div через функцию jQuery .css().

Пока загружалась эта картинка, мы использовали экран предварительной загрузки (загрузки), чтобы сообщить пользователю, что что-то происходит.

Iнадеюсь, что в будущем это поможет кому-то с подобной проблемой.