Three.js PerspectiveCamera是否有API支持手动缩放、平移等场景操作？

完全可行，THREE.PerspectiveCamera继承自THREE.Camera和THREE.Object3D，不需要依赖专门的API，直接修改相机的核心属性或关联变量，就能实现缩放、平移等场景操作，结合你提供的全景示例，具体实现方式如下：

一、实现缩放效果 #

有两种适配全景场景的缩放方式：

1. 调整相机视场角（fov）
   视场角越小，场景视觉上越放大；视场角越大，场景越缩小。修改后必须调用updateProjectionMatrix()更新投影矩阵：

   // 放大：缩小fov并限制最小值避免极端变形
   camera.fov = Math.max(10, camera.fov - 5);
   camera.updateProjectionMatrix();
   
   // 缩小：增大fov并限制最大值
   camera.fov = Math.min(120, camera.fov + 5);
   camera.updateProjectionMatrix();
   

2. 调整相机到全景中心的距离
   你的示例中相机始终看向原点(0,0,0)，直接修改distance变量，update()函数会自动重新计算相机位置，这种方式不会改变透视变形，更适合全景场景：

   // 放大：减小距离
   distance = Math.max(10, distance - 5);
   
   // 缩小：增大距离
   distance = Math.min(200, distance + 5);
   

二、实现左右/上下平移效果 #

在全景场景中，平移需要保持相机看向全景球中心，直接调整lon（左右）和lat（上下）变量即可，和现有拖拽逻辑一致：

// 向右平移
lon += 5;
// 向左平移
lon -= 5;

// 向上平移（限制lat范围避免视角翻转）
lat = Math.max(-85, Math.min(85, lat + 5));
// 向下平移
lat = Math.max(-85, Math.min(85, lat - 5));

如果是非全景场景（相机无需固定看向某点），可以直接修改相机的位置属性：

// 右移
camera.position.x += 1;
// 左移
camera.position.x -= 1;

// 上移
camera.position.y += 1;
// 下移
camera.position.y -= 1;

三、给你的全景示例添加手动控制 #

比如添加键盘事件监听，实现按键控制：

// 在init函数末尾添加键盘监听
document.addEventListener('keydown', onKeyDown);

function onKeyDown(event) {
  switch(event.key) {
    // 缩放控制
    case '+':
      distance = Math.max(10, distance - 5);
      break;
    case '-':
      distance = Math.min(200, distance + 5);
      break;
    // 左右平移
    case 'ArrowRight':
      lon += 5;
      break;
    case 'ArrowLeft':
      lon -= 5;
      break;
    // 上下平移
    case 'ArrowUp':
      lat = Math.max(-85, Math.min(85, lat + 5));
      break;
    case 'ArrowDown':
      lat = Math.max(-85, Math.min(85, lat - 5));
      break;
  }
}

内容的提问来源于stack exchange，提问作者Toniq