Html5 Canvas动画

Question

我希望学习如何使用html5画布来制作动画以及其他内容。我对javascript和编程有很好的了解（主要是php，但可以适应任何事情）。但是，我过去没有机会对图形做很多事情。我使用javascript / jquery创建了很好的平滑动画，但是canvas对象似乎不仅仅是那个。我发现的最困难的部分是我一直在玩它，除非你存储引用，否则你没有引用舞台上的对象。例如，如果我在页面上创建一个div，那么我就会引用该对象。但是，如果在canvas对象中创建了一些内容，那么它会在舞台上绘制该元素，而不会引用它。所以你必须手动存储该对象的细节，因为我理解它，我可能是错的（如果我请你纠正我）。

无论如何，这篇文章的重点是看看是否有人可以指出一些非常好的文章/帮助使用canvas对象。不只是绘制图形，因为我已经能够很容易地完成它。但是我希望有关于在画布上管理对象的文章/帮助。我想确保我正确/有效地为技术的未来做这件事。此外，我愿意购买一本关于使用html5画布/图形/动画的书，但我见过的大多数都是在html5的整个范围内，并且遗漏了很多实际使用画布的细节。因此，如果你知道任何有我要求的好书，请在这里推荐。

感谢任何帮助。

Answer 1

有很好的库可以使用HTML5 / WebGL对复杂图形做基础

这可能实际上并不能教你动画是如何工作的。但如果您有兴趣，请查看Three.js https://github.com/mrdoob/three.js/

Answer 2

1. 阅读文章“Creating a Framework For Canvas: Objects and Mouse”。不是动画，但你可以找到一些有趣的东西。
2. 阅读任何大框架的源代码，e.h。 three.js或LibCanvas
3. 阅读“HTML5 Canvas - Native Interactivity and Animation for the Web”