في مثال تمرير المخطط التفصيلي ، يتم تعيين نسبة البكسل إلى 1.
https://github.com/mrdoob/three.js/blob/master/examples/webgl_postprocessing_outline.html#L161
المشهد غير واضح وإذا علقنا على الخط واستخدمنا نسبة البكسل بالجهاز ، يتم ضغط المشهد إلى الزاوية السفلية اليسرى كالقطة الشاشة التالية:
/ ping @ spidersharma03
سوف ألقي نظرة
يبدو أن EffectComposer لا يتعامل مع pixelRatio
الذي يتم تعيينه في WebGLRenderer
عند إنشاء WebGLRenderTarget .
أقترح استخدام الحل التالي:
effectFXAA
:effectFXAA.setSize = function(width, height) {
this.uniforms.resolution.value.set(1 / width, 1 / height);
};
composer.setSize
مع مضاعفة width
و height
أثناء التهيئة وتغيير حجم النافذة:var size = renderer.getSize();
var pixelRatio = renderer.getPixelRatio();
composer.setSize(width * pixelRatio, height * pixelRatio);
التعليق الأكثر فائدة
يبدو أن EffectComposer لا يتعامل مع
pixelRatio
الذي يتم تعيينه فيWebGLRenderer
عند إنشاء WebGLRenderTarget .أقترح استخدام الحل التالي:
effectFXAA
:composer.setSize
مع مضاعفةwidth
وheight
أثناء التهيئة وتغيير حجم النافذة: