在three.js的边缘旋转一个平面

Question

我想旋转一个平面，但我无法弄清楚如何设置旋转轴。我想围绕它的边缘旋转一个平面。

我已经看到了建议矩阵变换的解决方案，但他们缺乏解释，所以我无法应用它们。

Answer 1

好的我明白了。您需要做的是创建一个父3D对象并将平面添加到它。一旦添加，您必须将其翻译50％并开始旋转父对象。

var object = THREE.SceneUtils.createMultiMaterialObject( new THREE.PlaneGeometry( 200, 50, 4, 4 ), [material] );

var parent = new THREE.Object3D();
object.applyMatrix( new THREE.Matrix4().makeTranslation( 0, 25, 0 ) );
parent.add(object);
parent.rotation.x = 1;

scene.add(parent)