使用 EffectComposer 时调整大小 Window

Resizing Window when using EffectComposer

我在一个月前发现了这个 fiddle 并且我成功地实现了它。除了特定场景外,它就像一个魅力。如果我调整 window 的大小,从非常小到大,很明显相机投影矩阵没有得到更新。这在 jsFiffle 示例和我的实现中都会发生。任何可能的修复?谢谢!

onWindowResize = function(){

    screenWidth  = window.innerWidth;
    screenHeight = window.innerHeight;

    camera1.aspect = screenWidth / screenHeight;
    camera2.aspect = camera1.aspect;
    camera3.aspect = camera1.aspect;

    camera1.updateProjectionMatrix();
    camera2.updateProjectionMatrix();
    camera3.updateProjectionMatrix();

    renderer.setSize( screenWidth, screenHeight);
}

Outline with effect composer demo: http://jsfiddle.net/Eskel/g593q/5/

当 window 调整大小时,EffectComposer 使用的 renderTarget(或目标)未调整。

在您的 onWindowResize 回调中,请务必调用以下两种方法:

renderer.setSize( width, height );
composer.setSize( width, height );

three.js r.71