гладкого расстояния прокрутки анимации с течением времени

Question

Я пытаюсь создать плавную бесконечную анимацию с помощью JavaScript, чтобы манипулировать переводить и я с трудом, разрабатывающим формулируем для динамической скорости с ускорением и замедлением

Это то, что Я до сих пор

function run() { 
    //stride(); 
    now = Date.now(); 
    var delta = (now - time)/1000; 
    draw(delta); 
    time = now; 
    if(streets.y1 >= h) streets.y1 = 0 - h + 1; 
    else if(streets.y2 >= h) streets.y2 = 0 - h + 1; 

    requestAnimationFrame(run); 
} 

function draw(delta) 
{ 
    var old_y = streets.y1; 
    var n = old_y + delta; 
    streets.y1 += Math.abs(n - old_y) * 25.8; 
    street[0].style[ $.fx.cssPrefix + 'transform' ] = 'translate(0,'+ Math.round(streets.y1) +  'px)'; 
    var old_y = streets.y2; 
    var n = old_y + delta; 
    streets.y2 += Math.abs(n - old_y) * 25.8; 
    street[1].style[ $.fx.cssPrefix + 'transform' ] = 'translate(0,'+ Math.round(streets.y2) +'px)'; 
} 

Может кто-нибудь просто дать мне несколько указателей или направить меня в учебник.

Thanks

Answer 1

Выполнение этой анимации вручную отстой. Я рекомендую использовать стороннюю библиотеку, чтобы вам нужно было сосредоточиться на создании потрясающего материала, а не на всех раздражающих вещах.

Лучшим (даром) является GSAP Greensock.

Серьезно, проверьте. Супер прост в использовании.