[Threejs] DragControlsでドラッグ中に別のイベントからオブジェクト座標を変更する

// 必要な変数を定義します
let dragging = false; // ドラッグ中かどうかのフラグ
let dragStartPoint = new THREE.Vector2(); // ドラッグの開始位置
let verticalOffset = 0; // 縦方向の移動量

// DragControlsを初期化します（ドラッグ制御対象のオブジェクトとカメラを指定します）
const controls = new THREE.DragControls(objects, camera, renderer.domElement);

// ドラッグ開始時の処理
controls.addEventListener('dragstart', event => {
    dragging = true;
    dragStartPoint.set(event.clientX, event.clientY);
});

// ドラッグ中の処理
controls.addEventListener('drag', event => {
    if (dragging) {
        // ドラッグの移動量を計算します
        const dragCurrentPoint = new THREE.Vector2(event.clientX, event.clientY);
        const dragOffset = dragCurrentPoint.clone().sub(dragStartPoint);

        // 画面と平行に移動します
        // (dragOffset.xをx軸方向の移動量として使用します)
        // ...

        // 垂直方向に移動します
        // (dragOffset.yをy軸方向の移動量として使用します)
        verticalOffset += dragOffset.y;

        // 画面の垂直方向の移動を反映します
        // ...
    }
});

// キーボードのkeydownイベントリスナーを登録します
document.addEventListener('keydown', event => {
    // スペースキーが押された場合
    if (event.code === 'Space') {
        // 画面と平行に動かすための処理を行います
        // ...
    }
});

// キーボードのkeyupイベントリスナーを登録します
document.addEventListener('keyup', event => {
    // スペースキーが離された場合
    if (event.code === 'Space') {
        // 垂直方向のオフセットをリセットします
        verticalOffset = 0;
    }
});

const controls = new THREE.DragControls(objects, camera, renderer.domElement);

controls.addEventListener('dragstart', (event) => {
    // ドラッグ開始時の処理を実装します
    // ...
});

controls.addEventListener('dragend', (event) => {
    // ドラッグ終了時の処理を実装します
    // ...
});