javascript - 三.js加载多个分离对象/JSONLoader

Question

是否可以加载从搅拌机导出到 json 的场景（例如两个不同的立方体）并识别它们？

我需要区分它们，例如使一个旋转而另一个移动。

先感谢您！

丹佛

编辑+++

谢谢您的回答！

因此，如果我在一个 JSON 文件中加载两个多维数据集：

loader.load("untitled1.js", function(geometry, materials) {  
        mesh = new THREE.Mesh( geometry, new THREE.MeshFaceMaterial(materials));
        mesh.scale.set( 10, 10, 10 );
        mesh.position.y = 0;
        mesh.position.x = 0;
        scene.add( mesh );       
});

如何移动第一个立方体？

mesh.getObjectById(0).position.x = 15;

似乎不起作用。

谢谢！

Answer 1

是的，可以从 Blender 导出的 json 文件中加载整个场景！

我通过以下过程实现了这一点：（使用three.js r80）

1. 首先，您必须在 Blender 中为不同的对象命名，如下图 Outliner 所示。
2. 然后，您可以使用 Blender 的 Three.js json exporter add-on 导出文件，但请注意标记Scene复选框，如下所示：

3. 使用此选项，您的 json 文件现在包含Blender 的 Outliner 上的所有网格，您可以使用任何文本编辑器进行验证。是否选择了网格并不重要。

4. 重要的是要知道根（或父）对象不再是Geometry。它现在被标记为Object类型。要访问子对象（Mesh类型），您可以在根对象上使用getObjectByName方法，如下面的代码所示：

   jsonloader.load( "obj/Books.json", function ( loadedObj ) {
       var surface = loadedObj.getObjectByName("Surface");
       var outline = loadedObj.getObjectByName("Outline");
       var mask = loadedObj.getObjectByName("Mask");
       // Watch the objects properties on console:
       console.log(loadedObj);
       console.log(surface);
       console.log(outline);
       console.log(mask);
   } );
   

   如果我们检查浏览器的控制台，我们可以看到分配的正确对象。从现在开始，您可以独立操作子对象（移动、旋转、更改材质等）

Answer 2

每个加载的对象都有一个关联的 .id。因此，您可以使用 Object3D.getObjectById() 找到它并对其应用变换。