モバイルデバイスの向きに関するThree.jsの問題

Question

私はthree.jsで書かれたWebアプリケーションのバグをテストしていて、タブレット上のユーザー（特にAndroid）がシーンから奇妙な動作をしているという報告を受けました。ここで

それがレンダリングされるべきものと同じ図である。

それは、彼らは、デバイスの向きを変更したときに起こりますが、また2 1錠動作するWindows上で、報告されています、Microsoft Edgeで。画面上で指をスワイプすると、同様のエラーが表示されます（ブラウザは縦方向と横方向にスクロールしたいが、固定されたビューに戻る）。私はこれがまだデスクトップ上で起こっているのを見ていない。ここで

は私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/canvas.width, 1/canvas.height); 

：

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

Iキャンバスの幅と高さを使用している必要があるとき私の問題と私は今問題なくサイズ変更することができます。