three.js怎么把多个模型放在一个文件中
时间: 2024-04-29 15:22:49 浏览: 225
在three.js中,可以使用Object3D来将多个模型组合在一个文件中。Object3D类是一种3D对象容器,它可以包含其他3D对象,例如Mesh和其他Object3D。以下是一个简单的示例,演示如何将两个立方体组合成一个场景:
```javascript
// 创建一个场景
var scene = new THREE.Scene();
// 创建第一个立方体
var geometry1 = new THREE.BoxGeometry(1, 1, 1);
var material1 = new THREE.MeshBasicMaterial({ color: 0xff0000 });
var cube1 = new THREE.Mesh(geometry1, material1);
cube1.position.set(0, 0, 0);
// 创建第二个立方体
var geometry2 = new THREE.BoxGeometry(1, 1, 1);
var material2 = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
var cube2 = new THREE.Mesh(geometry2, material2);
cube2.position.set(2, 0, 0);
// 创建一个Object3D容器,将两个立方体添加到其中
var container = new THREE.Object3D();
container.add(cube1);
container.add(cube2);
// 将容器添加到场景中
scene.add(container);
```
在这个例子中,我们首先创建了两个立方体。然后,我们创建一个Object3D容器,并将两个立方体添加到其中。最后,我们将容器添加到场景中。由于容器的位置是(0,0,0),因此两个立方体在场景中的位置分别是(0,0,0)和(2,0,0)。
阅读全文