`
yangyou230
  • 浏览: 1649948 次
文章分类
社区版块
存档分类

javascript animation动画引擎核心

 
阅读更多

昨天看到某个javascript库的动画引擎的核心,发现果不其然,说到底有两种方法:

假设

var delta = propertyValue1 - propertyValue2;

var duration = 1000ms;

var interval = 10ms

var loopCount = duration/interval;

var

1. 计算出每次增量

var loopIncrement = delta/loopCount;

setInterval(function(){propertyNew +=loopIncrement},interval);

2. 利用时间戳计算

var starttime = now();

setInterval(function(){propertyNew =propertyValue1 +delta*(now() - starttime)/duration},interval);

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics