threejs 实现旋转

要使用Three.js实现旋转，首先需要创建一个场景、相机和网格对象。然后，可以使用Three.js提供的API来执行旋转操作。

下面是一个简单的示例代码，它创建一个立方体网格对象并使其绕Y轴旋转：

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

// 创建相机
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.z = 5;

// 创建立方体网格对象
var geometry = new THREE.BoxGeometry();
var material = new THREE.MeshBasicMaterial({ color: 0xffffff });
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);

// 渲染场景
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 执行旋转操作
function rotateCube() {
  cube.rotation.y += 0.01;
}

// 渲染循环
function animate() {
  requestAnimationFrame(animate);
  rotateCube();
  renderer.render(scene, camera);
}
animate();

在这个例子中，我们定义了一个`rotateCube()`函数，该函数会在每个渲染循环中执行，使立方体绕Y轴旋转。`requestAnimationFrame()`函数可以用来循环调用`animate()`函数，以便在场景中不断更新立方体的旋转状态。

你可以根据自己的需求修改旋转速度和方向，以及旋转的轴。例如，如果要使立方体绕X轴旋转，可以将`cube.rotation.y`替换为`cube.rotation.x`。