scene.add(cube)
时间: 2023-10-21 18:41:46 浏览: 36
`scene.add(cube)` 是将一个网格对象 `cube` 添加到 Three.js 场景中的代码。
在 Three.js 中,场景(Scene)是用来存放和管理所有的对象、光源以及相机的容器。我们可以通过创建各种对象,并将它们添加到场景中来构建我们想要的场景。
在上面的代码中,`scene.add(cube)` 将一个网格对象 `cube` 添加到场景中。这样,当我们渲染场景时,这个网格对象将会被显示出来。
示例代码如下:
```jsx
import * as THREE from 'three';
const scene = new THREE.Scene(); // 创建场景
const geometry = new THREE.BoxGeometry(); // 创建几何体
const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 }); // 创建材质
const cube = new THREE.Mesh(geometry, material); // 创建网格对象
scene.add(cube); // 将网格对象添加到场景中
```
在这个示例中,我们首先创建了一个场景对象 `scene`。然后,我们使用 `THREE.BoxGeometry` 创建了一个立方体几何体对象 `geometry`,并使用 `THREE.MeshBasicMaterial` 创建了一个基础网格材质对象 `material`。最后,我们将几何体和材质传递给 `THREE.Mesh` 构造函数,创建了一个网格对象 `cube`。
通过调用 `scene.add(cube)`,我们将网格对象 `cube` 添加到场景中。这样,在渲染场景时,网格对象将会被显示出来。
希望这可以帮助你理解如何将网格对象添加到 Three.js 场景中。