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

标签 javascript three.js controls trackball

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

最佳答案

如果您想在调整窗口大小时更新 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 .

三.js r.70

关于javascript - 如何在三个js处更新轨迹球控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28625085/

相关文章:

javascript - 如何将 ruby​​ 嵌入到 JavaScript 中

javascript - 点击第n个元素后,如何操作另一个第n个元素?

Bash:控制 SSH

emacs - 有没有练习光标控制的emacs游戏?

wpf - 如何使 WPF DatePicker 控件看起来像它的 WinForms 同类控件?

javascript - 如何更改json对象的每个键

javascript - Webview 无法在 onPageFinished 加载 javascript

javascript - 为什么 ThreeJS 中的翻译很滞后?

javascript - 下拉菜单不起作用

javascript - 在 Three.js 中为相机添加阴影