threejs实现正方体代码

### 回答1：

three.js 的正方体代码很容易实现，可以使用以下代码：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 );

### 回答2：
three.js是一个用于在Web浏览器上创建和显示3D图形的JavaScript库。下面是一个使用three.js实现正方体的示例代码：

首先，需要引入three.js库文件：

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.min.js"></script>

然后，创建一个用于渲染的画布：

<canvas id="myCanvas"></canvas>

接下来，编写JavaScript代码来实现正方体：

// 获取画布
var canvas = document.getElementById('myCanvas');

// 创建场景
var scene = new THREE.Scene();

// 创建相机
var camera = new THREE.PerspectiveCamera(75, canvas.width / canvas.height, 0.1, 1000);
camera.position.z = 5;

// 创建渲染器
var renderer = new THREE.WebGLRenderer({canvas: canvas});
renderer.setSize(canvas.width, canvas.height);

// 创建正方体
var cubeGeometry = new THREE.BoxGeometry(1, 1, 1);
var cubeMaterial = new THREE.MeshBasicMaterial({color: 0x00ff00});
var cube = new THREE.Mesh(cubeGeometry, cubeMaterial);
scene.add(cube);

// 渲染循环
function render() {
    requestAnimationFrame(render);

    // 旋转正方体
    cube.rotation.x += 0.01;
    cube.rotation.y += 0.01;

    // 渲染场景和相机
    renderer.render(scene, camera);
}

// 执行渲染循环
render();

以上代码首先获取画布元素，然后创建场景、相机和渲染器。接着创建一个正方体，并将其添加到场景中。最后，通过循环不断更新正方体的旋转角度，并渲染场景和相机，实现显示正方体的动画效果。

注意：以上代码只是一个基本示例，实际使用three.js时可能需要进行更多的配置和调整。