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

Question

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

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

Answer 1

三个编辑器的源代码是可用的这里，您可以从这里下载它，添加代码在适当的地方显示默认模型并托管它。

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

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

我假设您需要添加一个以.obj格式从搅拌器导出的对象，但是使用这个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

});

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