/ / Faça animação jQuery de grande imagem em movimento mais suave - javascript, jquery

Faça animação jQuery de grande imagem em movimento mais suave - javascript, jquery

jQuery parece se esforçar ao mover uma imagem maior que 1600x1200 ao redor da página de uma forma animada.

Claramente, a "suavidade" de uma animação é limitada pelo computador / navegador, mas existe uma maneira de uma animação ser mais suave no jQuery?

Respostas:

0 para resposta № 1

Você pode tornar esse tipo de animação significativamente mais suave adicionando a seguinte linha de código ao seu script.

O olho humano pode ver apenas cerca de 33 quadros porsegundo. A animação jQuery padrão usa 1000/13 quadros por segundo (cerca de 76 qps). São muito mais quadros de animação do que você precisa e cada quadro custa tempo de CPU.

Alterar o intervalo de 13 para 33 faz com que suas animações usem cerca de 30 quadros por segundo, o que é tão suave para os olhos e mais que o dobro da facilidade de renderização do computador.

jQuery.fx.interval = 33;