如何编程设置（非递增）ThreeJS OrbitControls到目标点距离

自定义setDolly方法不生效是OrbitControls内部更新逻辑导致的：

• 控件执行update()时，会首先读取当前相机的世界坐标、控件target点坐标，反向计算出内部spherical对象的所有属性（包括radius，也就是相机到目标点的距离），你提前给spherical.radius赋的值会在这一步被直接覆盖，不会进入后续位置计算流程。
• 仅修改内部状态变量不会主动触发控件重算，就算绕过覆盖逻辑，新值也不会同步到相机位置；同时如果赋值超出minDistance/maxDistance配置范围，还会被内部钳制逻辑重置。

无需修改官方源码，直接在控件实例上扩展方法即可，实现逻辑是基于目标距离直接计算相机合法位置，再触发控件更新：

controls.setDolly = function(targetDistance) {
    // 按控件配置的距离范围钳制输入值，避免越界
    const validDistance = Math.max(
        this.minDistance,
        Math.min(this.maxDistance, targetDistance)
    );
    // 计算相机相对于target点的朝向
    const cameraDir = new THREE.Vector3()
        .subVectors(this.object.position, this.target)
        .normalize();
    // 按目标距离更新相机位置
    this.object.position.copy(
        this.target.clone().add(cameraDir.multiplyScalar(validDistance))
    );
    // 触发控件更新，让新位置生效
    this.update();
}

扩展完成后调用方式完全符合预期：

// 初始化控件
const controls = new THREE.OrbitControls(camera, renderer.domElement);
controls.setDolly(1); // 设置为近距离
controls.setDolly(10); // 设置为远距离

这种实现方式不需要魔改官方源码，后续升级ThreeJS版本不会出现兼容问题，同时自动适配了控件自带的距离范围限制、缩放阻尼等配置，不会和控件原有交互逻辑冲突。

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