如何使用WebGL（和THREE.js庫）基於對象的位置旋轉對象？

Question

我正在WebGL中創建Rubik的多維數據集。 我創建了27個構成一個大立方體的小立方體，但是我不知道怎么說“旋轉處於特定位置的立方體（例如，頂部的9塊）”。 多維數據集始終會更改其位置，因此我需要一種動態的方式來調用它們。 我該怎么做？ 如何調用一組多維數據集並不按名稱旋轉它們，而是感謝它們的位置？

在我的代碼中，我僅創建了多維數據集，並將其添加到場景中以創建大型多維數據集，而不是更多。

我真的需要幫助，所以很多。

Answer 1

我一直在關注並致力於一個使您可以非常輕松地創建基於WebGL的應用程序的項目。 叫做whitestormJS，您可以在這里查看

因此，whitestorm只是Three.js的一個包裝。tt有一個不錯的API，它將簡化很多事情。 無論如何，無論您使用什么。 我建議您使用組來移動所有面孔。 Jonathan Petitcolas有一個關於Three.js旋轉的不錯的教程 。

//you should create a group for each face with its proper cubes
var face1 = new THREE.Group();
group.add(piece1);
group.add(piece2);
// and so on, finally set a rotation to the group on the proper axis.
pivot.rotation.y = 1.5708; //this is 90 degrees in radians