如何将多个Blender JSON模型合并到Three.js Object3D对象中？

Question

如何将多个Blender JSON模型合并到Three.js Object3D对象中？ 据我所知，谷歌没有希望。

Answer 1

如果将它们合并到Blender端，然后作为一个整体导出，该怎么办？

在Three.js中，您可以合并几何形状，如果它们相同，也可以合并材料，但是如果您没有相同的几何形状并且具有多种材料，那么您就不走运了...

我在同一个确切的问题上苦苦挣扎，到目前为止，我在Three.js本身中没有找到任何解决方案，因此尝试在Blender端进行操作。 另一方面，对该引擎端进行硬编码可能比使用Blender容易。 这是一件难以理解的软件^^

Answer 2

您是否有理由需要导出的JSON对象恰好在一个Three.js Object3D中结束？ 用一个父对象控制两个对象就足够了吗？

您可以将这些对象作为子对象添加到一个空的父对象中，然后对其进行控制。 本要点演示了该过程。

var parent = new THREE.Object3D();
parent.add(blenderObj1);
parent.add(blenderObj2);
parent.scale.set(1,2,0.5);

编辑

这是演示您在评论中提到的场景的场景。 尝试更改每边的盒子数量（您会得到side ^ 2个盒子）并切换父对象。

快速附注：从16/4/25开始， Chrome中存在一个错误，该错误可能导致纹理竞争状况。 如果框看起来很有趣，则重新加载页面可能会有所帮助。

要解决您的观点：

父对象必须允许用户添加和删除父对象，

Object3D具有.add（）和.remove（）来执行此操作。

.add ( object, ... )

.remove ( object, ... )

，并且父级必须能够整体旋转。

这正是养育子女的方式。 只需执行以下操作：

parent.rotation.x = Math.PI / 2;

所有的孩子都与父母一起旋转。 请注意，它们的旋转就像世界在旋转一样（因为它们旋转了）。 他们的个人变形未受影响。

不将孩子合并到单亲中会产生锯齿状的动画。

不是天生的。 假设您不打算减少绘制调用（请参见下文中的更多内容），则使用育儿对象不会显着影响帧速率。 我在旧Macbook Air上进行的快速测试可以渲染1万个对象，即使它开始运行时也不会崩溃。 无论您做什么，性能都会受到1万个对象的影响。

将所有几何图形放在一起将减少绘制调用并加快处理速度。 请记住，所有几何图形相对于其他对象都是完全静态的。 因此，假设您无法采用Scharnvirk建议的明显，优雅且简单得多的解决方案（在Blender中创建合并的对象，并将其作为单个对象），则可以通过在桌面上克隆几何来节省少量带宽。飞。 在这种情况下， three.js Geometry具有merge（）函数

.merge ( geometry, matrix, materialIndexOffset )

Merge two geometries or geometry and geometry from object (using object's transform)