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

Question

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

Например:

• http://www.schillmania.com/temp/snowstorm/
• http://sebleedelisle.com/demos/JSSnow/snow3d.html

Возможно ли вообще иметь сценарий, который будет достаточно плавным на 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) достаточно быстро, чтобы использовать его в реальном проекте.

Answer 1

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

• http://designshack.net/?p=27674
• http://natbat.net/code/clientside/css/snowflakes/

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

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