将场景坐标映射到窗口的宽度和高度

Question

我在three.js中建立了一个多维数据集。我正在尝试为立方体设置动画，以便当我单击立方体的一侧时，立方体将向右移动。我可以使它向右移动，但是我希望它在离开窗口屏幕之前停止。我想了解场景和窗口之间的关系。希望这适用于任何窗口大小。到目前为止，我正在使用OrbitControl和cube.position.x。我该如何处理？

谢谢

我尝试过camera.position.x，但是由于它在Orbit Control中，所以它不会显示多维数据集正在向右移动。我也尝试过cube.position.x，但我必须不断猜测以防止它离开屏幕，并且它对任何大小都没有响应。

if(intersects.length > 0 && drag == false){
    if(intersects[0].object.face == objects[0].face){ 
        controls.dispose (); 
        function change () {
            requestAnimationFrame(change);
            camera.position.z = cameraZoom;
            cube.position.x = cameraZoom;
            if (cameraZoom >= 4){
                cameraZoom += 0; 
            }else {
                cameraZoom += 5; 
            }
            controls.update ();
            renderer.render(scene,camera);
        }
        change(); 
    }
}

我想防止多维数据集在任何屏幕尺寸上都离开屏幕，无论是移动相机还是移动多维数据集。我想了解场景的坐标系并将其映射到窗口屏幕。