threejs 相机旋转

如果你想让 Three.js 中的相机旋转，可以使用以下代码：

// 创建一个新的 Three.js 相机
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

// 设置相机的初始位置
camera.position.set(0, 0, 5);

// 创建一个 Three.js 场景
var scene = new THREE.Scene();

// 创建一个 Three.js 渲染器，并将其添加到页面中
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 创建一个 Three.js 立方体，并将其添加到场景中
var geometry = new THREE.BoxGeometry();
var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);

// 创建一个 Three.js 光源，并将其添加到场景中
var light = new THREE.PointLight(0xffffff, 1, 100);
light.position.set(0, 0, 0);
scene.add(light);

// 渲染场景
function render() {
  requestAnimationFrame(render);

  // 让立方体旋转起来
  cube.rotation.x += 0.01;
  cube.rotation.y += 0.01;

  // 让相机绕着原点旋转
  camera.position.x = Math.sin(Date.now() / 1000) * 5;
  camera.position.z = Math.cos(Date.now() / 1000) * 5;
  camera.lookAt(scene.position);

  renderer.render(scene, camera);
}
render();

在这个例子中，我们使用 `camera.position.x` 和 `camera.position.z` 让相机绕着原点旋转。然后我们使用 `camera.lookAt(scene.position)` 让相机一直面向场景的中心。