アウトラインパスの例では、ピクセル比は1に設定されています。
https://github.com/mrdoob/three.js/blob/master/examples/webgl_postprocessing_outline.html#L161
シーンはぼやけており、ラインにコメントを付けてデバイスのピクセル比を使用すると、次のスクリーンショットのようにシーンが左下隅に押し込まれます。
/ ping @ spidersharma03
見てみます
EffectComposerは、WebGLRenderTargetの作成時にWebGLRenderer
に設定されたpixelRatio
を処理しないようです。
次の回避策を使用することをお勧めします。
effectFXAA
カスタムセットサイズハンドラーを作成します。effectFXAA.setSize = function(width, height) {
this.uniforms.resolution.value.set(1 / width, 1 / height);
};
width
およびheight
してcomposer.setSize
を呼び出します。var size = renderer.getSize();
var pixelRatio = renderer.getPixelRatio();
composer.setSize(width * pixelRatio, height * pixelRatio);
最も参考になるコメント
EffectComposerは、WebGLRenderTargetの作成時に
WebGLRenderer
に設定されたpixelRatio
を処理しないようです。次の回避策を使用することをお勧めします。
effectFXAA
カスタムセットサイズハンドラーを作成します。width
およびheight
してcomposer.setSize
を呼び出します。