Html5 画布动画答案

【问题标题】：Html5 Canvas animationsHtml5 画布动画
【发布时间】：2011-08-13 21:28:18
【问题描述】：

我正在学习如何使用 html5 画布来制作动画以及其他事情。我对 javascript 和一般编程有很好的了解（主要是 php，但可以适应任何事情）。但是，过去我没有机会对图形做太多事情。我使用 javascript/jquery 创建了非常流畅的动画，但画布对象似乎远不止这些。我一直在玩它时发现的最困难的部分是，除非您存储引用，否则您没有对舞台上的对象的引用。例如，如果我在页面上创建了一个 div，我就有了对该对象的引用。但是，如果您在画布对象中创建某些内容，它会在舞台上绘制该元素，而不会引用它。因此，您必须按照我的理解手动存储该对象的详细信息，我可能是错的（如果我是请纠正我）。

无论如何，这篇文章的全部目的是看看是否有人可以向我指出一些关于使用画布对象的非常好的文章/帮助。不仅仅是为它绘制图形，因为我已经能够很容易地完成它。但我想发表文章/帮助管理画布上的对象。我想确保我为技术的未来正确/有效地执行此操作。此外，我愿意购买一本关于使用 html5 画布/图形/动画的书，但我所见过的大多数书都涵盖了 html5 的整个范围，并遗漏了许多实际使用画布的细节。所以如果你知道任何符合我要求的好书，请在这里推荐。

感谢任何帮助。

【问题讨论】：

标签： html animation canvas

【解决方案1】：

有一些不错的库可以使用 HTML5/WebGL 对复杂图形进行非常基础的处理

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

【讨论】：

感谢您的回复。我确实看到了three.js 库，发现它非常有趣。但是，我想学会做他们在图书馆里做的事情，而不仅仅是使用它。

【解决方案2】：

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

【讨论】：