我們如何在three.js中創建烏龜幾何？

Question

我們正試圖創建一個簡單的編程環境，讓人們生成3D表單（它受到Scratch project的啓發）。我們希望它能夠以「烏龜幾何」的方式工作，在這種方式中，一個生物（我們稱之爲甲蟲，與標誌烏龜類似）在三維空間中移動，並且可以沿着它的位置離開物體和方向。

我們目前使用Three.js。雖然您可以移動和旋轉對象，但如何創建我們想要的效果並不清楚，翻譯和旋轉「積累」並可應用於新對象。我們還想存儲一堆這些矩陣來推送和彈出。

下面是一個具體的例子。我們的系統會創建這樣一個程序的用戶（這是僞代碼）：

repeat 36 [ 
    move 10 
    rotate 10 
    draw cube 
] 

的想法是，甲蟲，會繞了一圈移動在執行這個計劃，在每個位置留下一個立方體。

這是可能的使用Three.js？我們是否需要切換到純WebGL？

Answer 1

你可以看看 http://u2d.com/turtle_js/index.html

它使用JavaScript systax雖然。

而且它在錯誤的情況下沒有反饋。烏龜什麼都不做。

Answer 2

要求聽起來相當高級。沒有理由需要原始webgl的低級訪問。像three.js這樣的更高級別的庫，可以做得很好。

正如@Orbling指出的那樣，你需要計算3D的旋轉角度;例如

rotateX 10 

（繞x軸逆時針10度），或

turnLeft 10 

（逆時針旋轉10度圍繞電流達載體）。