Javascript Ocanvas限制动画

我是ocanvas的新手，我发现它对于初学者来说没有很好的文档记录。我想知道如何限制动画，例如，当单击时，一个框将移动-350到它自己的位置，但如果它比它的位置-350更近，则停止在画布的边缘。任何帮助或教程都将不胜感激。

Ocanvas是图书馆吗？你只标记了画布，但提到了Ocanvas。。。对于常规画布，这里有很好的文档记录，如果您试图为其设置动画，您必须考虑制作一个重复循环（例如setInterval（））并逐像素更新对象的位置。以下是一个关于如何在画布中设置对象动画的网站：

编辑

至于ocanvas，他们的网站上似乎有很好的记录

这里有一个循环的例子，只有这一个使用旋转，所以你可以使用你想要的任何属性

---

您可以在setLoop（）函数中使用您自己的自定义逻辑，以便根据您的要求限制或移动对象（例如，

if（object.x

）

非常感谢您的回答，我已经看到了第一个链接，但对此有点困惑。就像我说的，我对javascript和ocanvas是新手。我使用的是：box.stop（）.animate（{rotation:0，x:box.x-250，y:box.y-250}）；ocanvas，我尝试标记ocanvas，但堆栈溢出不允许我创建新标记，因为我是一个noobi如果您想限制动画，我建议使用setLoop（）函数，以便您可以手动设置动画，并在需要时停止它这是一个公平的建议，但是animate函数有很多我想使用的附加细节，比如放松、计时和淡定。然后使用animate函数，但是在setLoop（）中，您可以不断检查长方体的位置，看看它是否小于0（画布的边缘），然后调用box.stop（），如果是