Javascript 如何在网页中创建3d对象并将其移动？

我是新手，请原谅我的英语。我的问题是： 我想实现一个使用HTML5的网页，其中有一个3D平面，可以使其飞行、移动等，总是在这个区域内。我想知道我怎样才能做到这一点？我了解到使用Three.js可以实现这一点，但是对象和运动的创建又如何呢？例如，我阅读了有关创建3d对象的软件混合器的内容，但一旦在3d中创建了对象，我如何在页面上导入并使用鼠标或键盘移动它？ 我再说一遍，我是个新手，也许这看起来是个愚蠢的问题，但我想提出一些建议，以了解我应该从哪里开始。

---

非常感谢您的关注

要创建简单的平面图，您不必创建三维模型。有一种更简单的方法可以做到这一点，但首先必须创建一个带有摄影机和渲染器的3D场景。此外，您还必须向页面添加标记以渲染其中的场景

添加到HTML：

<div id="scene" style="width:1000px; height:500px"></div>

按如下方式移动对象/平面：

plane.position.x += movementX;
plane.position.y += movementY;
plane.position.z += movementZ;

您可以在上应用mousemove事件，并将上述移动代码放入该事件函数中。movementX/Y/Z将是鼠标的移动

---

希望这会有所帮助。

我不熟悉three.js，但看起来您可以将Blender对象导出到一个.OBJ文件，然后使用它来加载和解析它。

plane.position.x += movementX;
plane.position.y += movementY;
plane.position.z += movementZ;