我想要澄清常見的誤會,你在 Three.js 對 rotationtranslation 賦值的順序是無關的。當物件被繪製時座標變換的順序總是縮放、旋轉、平移。接下來的課程你會看到如何改變施加座標變換順序的方法。

舉個例子,假設先前的作業你回答:

1
2
cylinder.position.y = 50;
cylinder.rotation.x = 90 * Math.PI/180;

這跟以下作用完全相同:

1
2
cylinder.rotation.x = 90 * Math.PI/180;
cylinder.position.y = 50;

Three.js 內部分開儲存這些值,繪圖時產生座標變換矩陣總是先施加旋轉再平移。