En el ejemplo de pase de esquema, la proporción de píxeles se establece en 1.
https://github.com/mrdoob/three.js/blob/master/examples/webgl_postprocessing_outline.html#L161
La escena es borrosa y si comentamos la línea y usamos la proporción de píxeles del dispositivo, la escena se comprime hacia la esquina inferior izquierda como la siguiente captura de pantalla:
/ ping @ spidersharma03
le echaré un vistazo
Parece que EffectComposer no maneja pixelRatio
que se establece en WebGLRenderer
cuando crea WebGLRenderTarget .
Sugiero utilizar la siguiente solución alternativa:
effectFXAA
:effectFXAA.setSize = function(width, height) {
this.uniforms.resolution.value.set(1 / width, 1 / height);
};
composer.setSize
con width
y height
premultiplicados durante la inicialización y el cambio de tamaño de la ventana:var size = renderer.getSize();
var pixelRatio = renderer.getPixelRatio();
composer.setSize(width * pixelRatio, height * pixelRatio);
Comentario más útil
Parece que EffectComposer no maneja
pixelRatio
que se establece enWebGLRenderer
cuando crea WebGLRenderTarget .Sugiero utilizar la siguiente solución alternativa:
effectFXAA
:composer.setSize
conwidth
yheight
premultiplicados durante la inicialización y el cambio de tamaño de la ventana: