camera.position.set(0, 10, 20); // 設(shè)置相機(jī)的位置
camera.lookAt(new THREE.Vector3(0, 0, 0)); // 設(shè)置相機(jī)看向世界坐標(biāo) (0, 0, 0)

camera.position.set(0, 10, 20); // 設(shè)置相機(jī)的位置
camera.rotation.x = Math.PI / 4; // 繞 X 軸旋轉(zhuǎn) 45 度
camera.rotation.y = Math.PI / 6; // 繞 Y 軸旋轉(zhuǎn) 30 度
camera.rotation.z = 0;           // 繞 Z 軸不旋轉(zhuǎn)

const quaternion = new THREE.Quaternion();
const axis = new THREE.Vector3(0, 1, 0); // 繞 Y 軸旋轉(zhuǎn)
const angle = Math.PI / 4; // 旋轉(zhuǎn)角度為 45 度

quaternion.setFromAxisAngle(axis, angle); // 生成四元數(shù)
camera.quaternion.copy(quaternion); // 應(yīng)用到相機(jī)

const controls = new THREE.OrbitControls(camera, renderer.domElement);
controls.target.set(0, 0, 0); // 設(shè)置相機(jī)圍繞的目標(biāo)點(diǎn)
controls.update(); // 更新控制器

const direction = new THREE.Vector3(1, 0, 0); // 設(shè)置方向向量
camera.lookAt(camera.position.clone().add(direction)); // 相機(jī)沿指定方向看

const radius = 10; // 半徑
const angle = Math.PI / 4; // 旋轉(zhuǎn)角度

camera.position.x = radius * Math.cos(angle); // 設(shè)置 X 位置
camera.position.z = radius * Math.sin(angle); // 設(shè)置 Z 位置
camera.lookAt(new THREE.Vector3(0, 0, 0)); // 看向目標(biāo)點(diǎn)

const target = new THREE.Vector3(10, 10, 10); // 目標(biāo)點(diǎn)

// 動(dòng)畫平滑調(diào)整相機(jī)視角
gsap.to(camera.position, {
  x: target.x,
  y: target.y,
  z: target.z,
  duration: 2, // 動(dòng)畫持續(xù)時(shí)間
  onUpdate: () => {
    camera.lookAt(new THREE.Vector3(0, 0, 0)); // 保持看向目標(biāo)點(diǎn)
  }
});

const radius = 10; // 距離目標(biāo)點(diǎn)的半徑
const theta = Math.PI / 4; // 方位角（繞 Y 軸旋轉(zhuǎn)）
const phi = Math.PI / 6;   // 俯仰角（繞 X 軸旋轉(zhuǎn)）

// 極坐標(biāo)轉(zhuǎn)直角坐標(biāo)
camera.position.x = radius * Math.sin(phi) * Math.cos(theta);
camera.position.y = radius * Math.cos(phi);
camera.position.z = radius * Math.sin(phi) * Math.sin(theta);

// 保持看向目標(biāo)點(diǎn)
camera.lookAt(new THREE.Vector3(0, 0, 0));