flynx/PortableMag
1
0
Fork 0
mirror of https://github.com/flynx/PortableMag.git synced 2025-10-29 19:20:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

added animation step threshold...

Browse Source 
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
1 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
layout.js
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,25 +223,28 @@ 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
// set position for current step...
if(t < then){
var rem = then - t
var r = rem/duration
// this is brain-dead linear spacing...
// XXX revise...
var pos = {
top: to.top - (dist.top * r),
left: to.left - (dist.left * r),
}
// this is brain-dead linear spacing...
// XXX revise...
var pos = {
top: to.top - (dist.top * r),
left: to.left - (dist.left * r),
setElementTransform(elem, pos)
// finishup the animation...
} else if(t > then){
setElementTransform(elem, to)
return
}
setElementTransform(elem, pos)
// finishup the animation...
} else if(t > then){
setElementTransform(elem, to)
return
}
// sched next frame...
animationFrame(animate)