帮我画一个正方形用three.js
时间: 2023-06-03 22:07:09 浏览: 49
好的,以下是代码示例:
```javascript
// 创建场景
var scene = new THREE.Scene();
// 创建相机
var camera = new THREE.PerspectiveCamera(
75,
window.innerWidth / window.innerHeight,
0.1,
1000
);
camera.position.z = 5;
// 创建渲染器
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
// 创建正方形
var geometry = new THREE.BoxGeometry(1, 1, 0);
var material = new THREE.MeshBasicMaterial({ color: 0xffffff });
var square = new THREE.Mesh(geometry, material);
scene.add(square);
// 渲染场景
function animate() {
requestAnimationFrame(animate);
square.rotation.x += 0.01;
square.rotation.y += 0.01;
renderer.render(scene, camera);
}
animate();
```
在这个示例中,我们首先创建了场景、相机和渲染器。然后,我们创建了一个正方形网格,使用 `BoxGeometry` 创建一个 1x1x0 的几何体,将其材质设置为白色,然后将它添加到场景中。最后,我们使用 `requestAnimationFrame` 函数来创建一个平滑的动画,让正方形旋转。
希望这能帮助您实现您需要的功能。