使用EffectComposer时调整窗口大小

时间:2015-06-03 17:12:58

标签: three.js renderer

我之前发现了这个小提琴,我成功实现了它。除了特定的场景之外,它就像一个魅力。如果我调整窗口的大小,从非常小到大,很明显相机投影矩阵不会更新。这在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);
}

使用效果作曲家演示的大纲:http://jsfiddle.net/Eskel/g593q/5/

enter image description here

1 个答案:

答案 0 :(得分:3)

调整窗口大小时,renderTarget使用的EffectComposer(或目标)不会调整大小。

onWindowResize回调中,请务必同时调用以下两种方法:

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

three.js r.71