added animation step threshold...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-02-23 04:21:36 +04:00
parent dbea22817a
commit bba739562c

View File

@ -178,6 +178,7 @@ function handleScrollRelease(evt, data){
var USE_TRANSITIONS_FOR_ANIMATION = false
var MIN_STEP = 24
var animationFrame = function(){
return (window.requestAnimationFrame
@ -189,6 +190,7 @@ var animationFrame = function(){
}()
// XXX make this interruptable...
function animateElementTo(elem, to, duration, easing){
// use transition for animation...
if(USE_TRANSITIONS_FOR_ANIMATION){
@ -212,6 +214,7 @@ function animateElementTo(elem, to, duration, easing){
top: to.top - from.top,
left: to.left - from.left,
}
var prev_t = now
function animate(t){
/*
@ -220,9 +223,11 @@ function animateElementTo(elem, to, duration, easing){
return
}
*/
// try and not render things too often...
if(t - prev_t > MIN_STEP){
// set position for current step...
if(t < then){
prev_t = t
var rem = then - t
var r = rem/duration
@ -240,6 +245,7 @@ function animateElementTo(elem, to, duration, easing){
setElementTransform(elem, to)
return
}
}
// sched next frame...
animationFrame(animate)
}