如何在三个js上更新Trackball控件

Question

我在three.js有一个项目，需要更新窗口大小调整上的轨迹球控件。我需要这样做，更新整个控件，用新的输入变量调用函数。重新创建控件会导致崩溃，我不想删除这些控件，并创建可能导致垃圾的新原因。我有一个类似的问题，How to update createControls's function input variables at javascript?，但我认为这是一个更完整的问题。

Answer 1

如果要在调整窗口大小时更新TrackballControls，可以使用以下模式：

window.addEventListener( 'resize', onWindowResize, false );

function onWindowResize() {

    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();

    renderer.setSize( window.innerWidth, window.innerHeight );

    controls.handleResize(); // for TrackballControls

    render();

}

根据画布的大小，您必须修改此模式。

见trackball.html。

three.js r.70