如何用Canvas製作3D動畫

Question

我有背景Canvas 2D上下文，但是我想執行3D動畫像this one，Three.js庫是做這種動畫的最佳選擇嗎？你能指點我一些有用的教程或文檔，可能有所幫助。提前Thanx。

Answer 1

這是最常見的選擇之一。由於WebGL不需要庫就可以實現OpenGL，所以你也可以使用Vanilla JS，但是這樣做會比較困難，因爲WebGL不會提供比原始和粗糙的OpenGL更多的細化。

除了three.js，你也可以嘗試GLGE或PhiloGL，但作爲Three.js是最流行的，我會建議去爲它，如果你沒有具體要求。

Answer 2

看起來像你鏈接到的演示使用一個名爲Clay.js的畫布庫。沒有一個我以前親自聽說過的。對於畫布中的3D，我已經知道它最流行的一個Three.js，就像你已經提到過的那樣。它具有支持webGL的好處（基於瀏覽器的openGL變體）。

Three.js有限制documentation和someexamples但在您可能購買的某些書的外面並沒有太多的手持。你基本上需要潛入並開始編碼。這裏有一些在線資源，可以幫助你開始（不一定全部集中在three.js所）：

http://aerotwist.com/tutorials/getting-started-with-three-js/

http://learningthreejs.com/

http://learningwebgl.com/blog/

爲了便於與三項工作。 jsJérômeEtienne創建了一個名爲tQuery的項目，您可以將它看作jQuery。一個包裝，使它更容易讓你的手髒。這裏有一個video，他展示瞭如何在10分鐘內創建一個webGL遊戲。