HTML 5画布 - 实现每个按钮的平滑滚动

Question

我一直google'ing一段时间，但我找不到一个很好的解决方案，我的问题。

我有一个包含几个图像的画布。通过“左”和“右”按钮，我想平滑地滚动这些图像。我想必须有一种方法来设置画布的焦点。我试过translate这工作正常，但我不想“跳”到下一节，我想要一个平滑的滚动...

任何想法？

Answer 1

好吧，最后我找到了一个方法...虽然很基本。

function animate() { 

draw(); 

if(globalVar<300){ 
    globalVar++; 
    setTimeout("animate();", 100); 
} } 

Answer 2

对于在画布上流畅的动画，你需要使用​​方法（http://paulirish.com/2011/requestanimationframe-for-smart-animating/）

Answer 3

我认为这是Greensock JS tweening library工作。它可以补间任何可以暴露任何对象的属性。

该文档非常好，并且有很多资源可以帮助您入门。您也可以提出有关您在论坛上尝试做什么的问题。

多年来我一直使用TweenMax作为flash开发者，现在我开始在JS开发中使用它。

根据@ devnull69的答案，它也利用​​。