Ocanvas限制动画

Question

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

Answer 1

Ocanvas是图书馆吗？你只标记了画布，但提到了Ocanvas ...对于常规画布，这里有很好的文档记录http://www.w3schools.com/html/html5_canvas.asp如果你想要设置它的动画，你必须考虑进行重复循环（例如setInterval（））并逐个像素地更新对象的位置。这是一个关于如何在画布中设置对象动画的网站：http://codular.com/animation-with-html5-canvas

修改

至于ocanvas，它们在他们的网站http://ocanvas.org/docs/Animation

上看起来很好

以下是循环的示例，只有这一个使用循环，因此您可以使用您想要的任何属性http://ocanvas.org/docs/Timeline/setLoop

您可以在setLoop（）函数中使用自己的自定义逻辑，以根据您的要求限制或移动对象（例如if (object.x < whatever) object.x++;）