JQuery ослабление анимации отставание на iPad

Question

Я разрабатываю игру для веб-приложений для iOS, и я заметил существенную разницу в производительности на iPhone стихи iPad. Когда игрок начинает уровень, одновременно появляется до 20 анимаций, используя jQuery .animate() с jQuery UI easings. Там никогда не возникает проблем с задержкой или проблемами производительности на любом из iPhone, но, по крайней мере, iPad mini с сетчаткой, похоже, много проблем с задержкой.

Я читал, что requestanimationframe должен быть лучшим методом, но как я могу использовать это и поддерживать мой jQuery UI easing?

Спасибо!

Answer 1

Взгляните на следующий пост

Velocity.js

Velocity.js переопределяет jQuery.animate().

Образец по ссылке размещенной выше

[JQuery Синтаксис]

$div 
/* Fade an element in while sliding it into view. */ 
.animate({ opacity: 1, top: "50%" }) 
/* The values below are what we originally set the element to in our stylesheet. Animate back to them. */ 
.animate({ opacity: 0, top: "-25%" }); 

[Velocity.js]

$div 
.velocity({ opacity: 1, top: "50%" }) 
.velocity("reverse"); 

Более подробную информацию можно найти по следующей ссылке, указывая на на главную Velocity.js

Velocity.js Main page

Вы можете скачать Velocity.js из here