如何在三个js更新轨迹球控件

Question

我在 three.js 有一个项目，我需要在 window 调整大小时更新轨迹球控件。我需要更新整个控件调用新的输入变量函数。重新创建控件会导致崩溃，我不想删除控件并创建新的可能导致垃圾的原因之一。我有一个类似的问题但我认为这是更完整的问题。

Answer 1

如果您想在调整 window 大小时更新 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();

}

您必须根据 canvas 的大小修改此模式。

见http://threejs.org/examples/misc_controls_trackball.html。

three.js r.70

如何在三个js更新轨迹球控件

How to update Trackball controls at three js

javascript

controls

trackball

three.js