如何在webVR中模糊对象？

Question

在我的场景中，我有一个发光的立方体。首先，我在纹理上渲染立方体，然后使用高斯模糊后处理渲染纹理。通过这种方式，当我不处于VR模式时，我得到正确的结果。这是 -

但是当我进入VR模式时，它会让我失真。请检查以下图片 -

任何人都可以告诉我为什么会这样吗？我是否必须对VR模式的纹理进行任何调整？

更新

我的代码是这样的 -

function render() {
    generate_blur_texture();
    effect.render(scene, camera);  
}

var rtTexture = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, { minFilter: THREE.LinearFilter, magFilter: THREE.NearestFilter, format: THREE.RGBAFormat});
var rtTextureFinal = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, { minFilter: THREE.LinearFilter, magFilter: THREE.NearestFilter, format: THREE.RGBAFormat});

function generate_blur_texture() {
    // i think the key point is, i am using `renderer` here instead of 'effect'
    renderer.render(scene, camera, rtTexture, true);
    // then further rendering on rtTexture and rtTextureFinal (ping pong) to   generate blur, this time i only draw a quad to sample from the texture

    // ultimately, rtTexture contains the blurred texture
}

Three.js修订版：77