threejs如何实现立方体

### 回答1：
可以使用Three.js中的THREE.CubeGeometry类来实现立方体。这个类接收三个参数：长、宽、高，表示立方体的长、宽、高。然后可以使用THREE.Mesh类将立方体的几何体和材质组合在一起，添加到场景中即可。具体示例代码如下：

var geometry = new THREE.CubeGeometry(1, 1, 1); // 长1、宽1、高1
var material = new THREE.MeshBasicMaterial({color: 0x00ff00}); // 材质为绿色
var cube = new THREE.Mesh(geometry, material); // 创建立方体
scene.add(cube); // 添加立方体到场景中

### 回答2：
Three.js是一个用于创建WebGL渲染的JavaScript库，可以用来实现3D图形。下面是使用Three.js实现一个立方体的步骤：

1. 首先，在HTML文件中引入Three.js库和相关的依赖库，如以下代码所示：

<script src="https://threejs.org/build/three.js"></script>
<script src="https://threejs.org/examples/js/controls/OrbitControls.js"></script>
<script src="https://threejs.org/examples/js/loaders/GLTFLoader.js"></script>

2. 创建一个用于渲染的场景、摄像机和渲染器，并将渲染器添加到HTML文件中，如以下代码所示：

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

3. 创建一个立方体的几何体，并设置其材质，并将几何体添加到场景中，如以下代码所示：

var geometry = new THREE.BoxGeometry(1, 1, 1);
var material = new THREE.MeshBasicMaterial({color: 0x00ff00});
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);

4. 设置摄像机的位置和方向，并渲染场景，如以下代码所示：

camera.position.z = 5;
function animate() {
    requestAnimationFrame(animate);
    
    cube.rotation.x += 0.01;
    cube.rotation.y += 0.01;
    
    renderer.render(scene, camera);
}
animate();

5. 最后，通过调用`requestAnimationFrame()`方法来实现动画效果，并在每一帧中更新立方体的旋转角度。

以上就是使用Three.js实现立方体的步骤。你可以根据自己的需求进行调整和扩展，以实现更加复杂的场景和效果。