面料JS动画延迟一段时间后



我有一个小问题与FabricJS。

我制作了一个三角形动画,但问题是过了一会儿,它开始严重滞后。我是一个初学者,所以我并不是说我的代码是最好的方法,但我确实无法摆脱这种延迟。任何解决这个问题的建议都是很棒的。

小提琴在这里:http://bit.ly/1kHlInC

谢谢

我以前没有使用过Fabric,所以我不能谈论关于requestAnimationFrame()的更详细的问题。然而,对于你的延迟问题,你的onComplete()回调会产生一个指数级的动画调用——三角形的每个循环都会调用过多的动画步骤。

问题是,当你需要以对角线的方式动画,你结合两个animate()调用,如animate('left')animate('top')。这两个调用都有一个onComplete()回调调用相同的下一步,但是你只需要调用一次。

这是一个更新的小提琴,它已经被重新组织,通过删除额外的回调来解决这个问题。

http://jsfiddle.net/Uwaa8/2/

最新更新