移动设备定位问题的三个问题

Question

我正在测试一个用three.js编写的网络应用程序，并且我有平板电脑用户（特别是Android）的报告从场景中获得了一些奇怪的行为。

以下是应呈现的相同视图：

当它们更改设备方向时会发生这种情况，但在Microsoft Edge中的2合1平板电脑运行窗口中也会报告。用户在屏幕上滑动手指时会出现类似的错误（浏览器要垂直和水平滚动，然后跳回固定视图）。我还没有在桌面上看到这种情况。

这是我的onWindowResize函数：

 function onWindowResize(event) {

    SCREEN_WIDTH = window.innerWidth;
    SCREEN_HEIGHT = window.innerHeight;

    renderer.setSize(SCREEN_WIDTH, SCREEN_HEIGHT);

    camera.aspect = SCREEN_WIDTH / SCREEN_HEIGHT;
    camera.updateProjectionMatrix();

    composer.reset();

}

有什么想法吗？

Answer 1

我意识到我正在调整fxaa作曲家的大小并将其设置为屏幕宽度和高度：

effectFXAA.uniforms['resolution'].value.set(1 / SCREEN_WIDTH, 1 / SCREEN_HEIGHT); 

当我应该使用画布宽度和高度时：

effectFXAA.uniforms['resolution'].value.set(1 / canvas.width, 1 / canvas.height);

更改此问题解决了我的问题，我现在可以毫无问题地调整大小。