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

【问题标题】：Rotate a plane on its edge in three.js在three.js中旋转一个平面的边缘
【发布时间】：2012-12-09 13:22:59
【问题描述】：

我想旋转一个平面，但我不知道如何设置旋转轴。我想围绕它的边缘旋转一个平面。

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

【问题讨论】：

【解决方案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)

【讨论】：