Html5畫布動畫

Question

我期待進入學習如何使用html5畫布做動畫以及其他事情。我對JavaScript和一般編程有很好的瞭解（主要是PHP，但可以適應任何事情）。但是，過去我沒有機會對圖形做太多的事情。我用javascript/jquery創建了很好的平滑動畫，但畫布對象似乎不僅僅是這些。我一直在玩的最難的部分是，除非存儲參考，否則您沒有提及舞臺上的某個對象。例如，如果我在頁面上創建一個div，我有該對象的引用。但是，如果您在畫布對象中創建了某些內容，則會在舞臺上繪製該元素，從而不會引用它。所以你必須按照我的理解手動存儲該對象的細節，並且我可能是錯誤的（如果我請糾正我）。

無論如何，這篇文章的重點是看看是否有人能指點我一些非常好的文章/關於使用canvas對象的幫助。不只是繪製圖形，因爲我已經很容易地完成了。但我想在管理畫布上的對象的文章/幫助。我想確保我正確地/有效地爲技術的未來做好準備。另外，我願意購買一本關於使用html5 canvas/graphics/animations的書，但是我所看到的大部分書籍都是在html5的整個範圍內，並且忽略了大量實際使用canvas的細節。所以，如果你知道我的要求有什麼好書，請在這裏推薦他們。

任何幫助表示讚賞。

Answer 1

有很好的圖書館做的非常基本的使用HTML5/WebGL的

這可能不是真正教你如何動畫工作，複雜的圖形。但是，如果你有興趣，請three.js所 https://github.com/mrdoob/three.js/

Answer 2

1. 閱讀文章 「Creating a Framework For Canvas: Objects and Mouse」。不是動畫，但你可以找到一些interstring。
2. 閱讀任何大框架e.h的源代碼。 three.js，或LibCanvas
3. 讀 「HTML5 Canvas - Native Interactivity and Animation for the Web」