JavaScript基于时间的动画算法

[livoras]

JavaScript基于时间的动画算法

[jun-lu]

基于帧 会让时间变慢，基于时间 会丢帧。 有意思

[hanxie-crypto]

用一下hype这类以时间线为基础的动画制作软件应该会更有启发，你甚至可以考虑做一个跟他一样功能的东西

[fhefh2015]

留言mark

[Thinking80s]

mark

[prettykernel]

文章写得有点啰嗦，其实就是记录每两次 draw 之间真实的时间间隔，根据帧率计算出实际丢了多少帧，然后补偿一下。我认为直接把 update() 改为如下即可：

function update(dt) {
    left += param * (dt * 0.12)  // 根据时间差更新位置
    if (left > 300) {
        left = 600 - left
        param = -1
    } else if (left < 0) {
        left = -left
        param = 1
    }
}

[Blueria]

mark

[wangyuwen1999]

mark