使用three.js在html5 webgl畫布動畫中組織對象

Question

我想繪制一個3D貓（帶有動畫），它只不過是一堆3D對象-橢圓體，金字塔，球體等。我有2個問題：

1）有什么方法可以定義自己的復雜幾何3D對象，而不是標准的Three.js對象，例如Sphere，Cube ...

2）當動畫整個貓時，我應該為每個對象定義一個動畫功能嗎？ 有什么方法可以將某些對象組合在一起？

Answer 1

對於第一個問題，我建議您閱讀參數驅動的建模方法 ，這將使您能夠制作出一致的復雜對象，而無需在每次創建模型時都重新發明輪子。 至於創建自定義對象，就像折線實際上是具有標准線方法（以及特定於對象的方法）的迭代實現的線的集合一樣，您將創建一個javascript對象，其中包含創建自定義形狀所需的對象。 這是一個很好的webgl備忘單，可以幫助您一點。

第二個問題與我們上面描述復雜對象的方式有些相似，盡管您將編寫Cat對象的render / animate函數，但將以每個對象為基礎處理動畫（除了全對象靜態運動，想象一下自動扶梯上的貓）。 約束或參數驅動的設計將再次成為您的救星，因為兩個或多個對象部分重疊的事實決不意味着對象已顯式鏈接。

最后，我建議您研究clojurescript 。 這類工作可能不是必需的，但是lisp在CAD腳本世界中非常流行，並且從長遠來看，您肯定會成為一個幫手，至少要熟悉一下編碼約定，這是很多問題您將在從事此項目的過程中會用多種編程語言回答，但您可能會發現，由圍牆兩邊的工作人員（cad /編程）編寫的許多答案會用Lisp寫成。 這是最終的通用CAD論壇 ，它是所有CAD的絕佳資源。