我正在测试用Three.js编写的Web应用程序的错误,并且有关于平板电脑(尤其是Android)上的用户从场景中获取一些奇怪行为的报告。
这是应该呈现的视图:
当他们更改设备方向但在Microsoft Edge中运行Windows的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();
}
有什么想法吗?
我意识到我正在调整fxaa作曲器的大小并将其设置为屏幕的宽度和高度:
effectFXAA.uniforms['resolution'].value.set(1 / SCREEN_WIDTH, 1 / SCREEN_HEIGHT);
当我应该一直使用画布的宽度和高度时:
effectFXAA.uniforms['resolution'].value.set(1 / canvas.width, 1 / canvas.height);
更改此设置解决了我的问题,现在我可以调整大小而没有任何问题。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句