2012-01-30 3 views
0

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

Например:

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

С уважением,

UPDATE

Благодарности к Julian D.! designshack.net/?p=27674 потрясающе! Никаких сценариев вообще, чистый CSS, несколько слоев движутся в разных направлениях. Некоторые советы: модели

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

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

+0

Вы хотите, чтобы самый легкий и гладкий снег у всех? поэтому он может работать на слабых устройствах? – c69

+0

Буду рад, если это вообще возможно. Но это можно доказать, ссылаясь на реализацию, поэтому да, я бы хотел увидеть что-то, что достаточно быстро на iPhone. – noober

ответ

1

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

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

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

+0

http://designshack.net/?p=27674 это потрясающе! Никаких сценариев вообще, чистый CSS, несколько слоев движутся в разных направлениях. Некоторые советы: шаблоны слоев должны быть достаточно маленькими (<= 300 пикселей), не должно быть никакой цветовой анимации (удалите ее из -webkit 50% и 100% ключевых кадров), используйте 2 слоя вместо 3, добавьте -webkit-transform: translateZ (0); для всех ключевых кадров 20 секунд слишком гладко, используйте 10 секунд. Со всеми этими советами он достаточно быстр, чтобы использоваться в реальном проекте. – noober

Смежные вопросы