Самый ускоренный JavaScript-снег - PullRequest
Новая
       4

Самый ускоренный JavaScript-снег

0 голосов
/ 30 января 2012

Я видел их много, но все они выглядят не ускоренными и медленными.

Например:

Возможно ли вообще иметь сценарий, который будет достаточно плавным на iPhone 4 / типичном устройстве Android (например, Kindle Fire)?

С уважением,

ОБНОВЛЕНИЕ

Спасибо Джулиану Д.!designshack.net/?p=27674 это круто!Никаких скриптов, чистый CSS, несколько слоев движутся в разных направлениях.Несколько советов:

  • Шаблоны слоя должны быть достаточно маленькими (<= 300px), </li>
  • Не должно быть цветной анимации (удалите ее из ключевых кадров -webkit 50% и 100%),
  • Используйте 2 слоя вместо 3,
  • Добавьте -webkit-transform: translateZ (0);Подробнее о всех ключевых кадрах см. Переход HTML5 на iPhone 4 , благодаря mikeyUX.
  • 20 с слишком плавно, используйте 10 с.

Со всеми этимиСоветы: на iOS (iPod 4 Touch) достаточно быстро, чтобы использовать его в реальном проекте.

1 Ответ

1 голос
/ 04 февраля 2012

Если вы говорите о анимации с аппаратным ускорением, вы хотите взглянуть на CSS-решения на основе ключевых кадров, например

Вот учебник, как это сделать - http://girliemac.com/blog/2009/02/18/using-keyframes-webkit-css-animation-examples/

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

...