three.js如何旋转一个物品
时间: 2023-06-29 18:02:06 浏览: 127
three.js实现围绕某物体旋转
要旋转一个物体,你可以使用three.js中的`rotation`属性。这个属性是一个三维向量,分别表示物体绕x轴、y轴和z轴旋转的角度。
以下是一个简单的示例代码,它会使一个立方体绕y轴旋转:
```javascript
// 创建一个立方体
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);
// 在每一帧更新函数中旋转物体
function animate() {
requestAnimationFrame(animate);
cube.rotation.y += 0.01;
renderer.render(scene, camera);
}
animate();
```
在这个示例中,我们在每一帧更新函数中将立方体绕y轴旋转了0.01弧度。你可以根据需要调整旋转速度和旋转轴。
阅读全文