three.js指南

Three.js是一个WebGL的3D库，它允许开发者创建高性能的3D网页应用。下面是一些Three.js的基本使用方法：

1. 创建场景(Scene)：

var scene = new THREE.Scene();

2. 创建摄像机(Camera)：

var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);

3. 创建渲染器(Renderer)：

var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

4. 创建几何体(Geometry)：

var geometry = new THREE.BoxGeometry();

5. 创建材质(Material)：

var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });

6. 创建网格(Mesh)：

var cube = new THREE.Mesh(geometry, material);
scene.add(cube);

7. 渲染场景：

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

这个例子创建了一个场景，一个包含了一个立方体的场景，通过改变立方体的旋转来实现动画效果。

以上就是Three.js的基本使用方法，实际使用中可以根据需要创建不同的几何体、材质和复杂的场景。