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

Question

我是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

修改
Release 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