Как оптимизировать анимацию нескольких изображений на странице с помощью Javascript? - PullRequest
0 голосов
/ 05 декабря 2011

Вот мой jsFiddle .Я загружаю изображения в DOM и затем анимирую их, используя плагин поворота и немного CSS.У меня две проблемы:

1: у меня есть код, сбрасывающий значения 'top' css на отрицательное число, а затем продолжаю увеличивать их на единицу, так что похоже, что снежинки падают сверхняя часть экрана.Для некоторых снежинок это работает, но другие просто появляются где-то на странице.

2: Чем больше у меня снежинок, тем труднее на моем процессоре.Я знаю, что использование изображений в DOM - не лучший способ, но я попытался поместить изображения в отдельные слои в HTML5 Canvas, но это было еще хуже.Может быть, есть альтернатива помещению их в отдельные слои холста?

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

Спасибо

1 Ответ

1 голос
/ 05 декабря 2011

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

...