Question

我正在尝试使用Three.js编辑器让人们参与城市规划过程。为此，我希望编辑器加载城镇的3D版本，而无需用户手动加载它。单击“新建”也应该再次加载该默认模型。

我已经在我们的服务器上复制了代码，它可以工作。我应该修改哪部分代码才能在启动时加载城镇模型？

Answer 1

threejs编辑器的源代码可用here，您可以在此处下载它，添加代码以在适当的位置显示默认模型并托管它。

更新1：在编辑器的场景中添加自定义模型

在审核Editor.js的代码后，我发现您可以使用scene函数在Editor中定义的addObject()变量中添加自定义对象

我假设您需要添加以.obj格式从blender导出的对象，但使用此addObject()函数可以将任何对象/网格物体添加到编辑器中。

因此，在 index.html 中添加以下代码行以手动添加模型。

var manager = new THREE.LoadingManager();

var loader = new THREE.OBJLoader( manager );
   loader.load( '../obj/male02/male02.obj', function ( object ) {
   object.position.y =0;
   editor.addObject( object );// THIS WAY YOU CAN MANUALLY ADD ANY MESH/OBJECT3D IN THE EDITOR

});

我制作并托管了一个示例here，您可以访问它并查看第123行以查看自定义代码。

如何在three.js编辑器中拥有自定义默认场景？

1 个答案: