javascript - 在 Three.js 中将多个对象作为单个对象处理的方法

Question

我是 Three.js 的新手。我需要将多个对象作为一个对象来处理。简单来说，我需要渲染一种浅浮雕:

• 盒子几何形状(底部)
• 上面有一个挤压图像
• 和一些文字。

每个对象必须具有不同的 Material ，但它们必须充当单个对象:位置和旋转相同等。

我对 Three.js 还很陌生，所以我不知道如何制作一种复合模式:与组？连接几何？加入网格？最好的方法是什么？

现在我正在使用组中的所有内容，但是..看起来有点慢。

Answer 1

您可以将对象嵌套在 Object3D 实例中。

group = new THREE.Object3D(); //create a container
group.add( mesh1 ); //add a mesh with geometry to it
group.add( mesh2 );
scene.add( group ); //add the group to the scene

编辑:
版本 69 添加了 THREE.Group 类，发行说明说尽可能使用它而不是 Object3D，但我找不到任何其他文档。
https://github.com/mrdoob/three.js/releases

group = new THREE.Group(); //create a container
group.add( mesh1 ); //add a mesh with geometry to it
group.add( mesh2 );
scene.add( group ); //add the group to the scene