使用 EffectComposer 时调整大小 Window

Question

我在一个月前发现了这个 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/

Answer 1

当 window 调整大小时，EffectComposer 使用的 renderTarget（或目标）未调整。

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

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

three.js r.71

使用 EffectComposer 时调整大小 Window

Resizing Window when using EffectComposer

renderer

three.js