如何提高three.js中的后处理分辨率?

时间:2018-06-25 15:15:26

标签: three.js renderer post-processing

我有一个在场景上工作的着色器(使用EffectComposer方法),并且其中旋转了一个简单的立方体。

仅渲染渲染器时,多维数据集具有高分辨率:

renderer = new THREE.WebGLRenderer(); 
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize(window.innerWidth, window.innerHeight);

当我在没有任何设置的情况下渲染作曲器时,我的着色器可以工作,但是我的立方体会像素化。所以我尝试了这个:https://github.com/mrdoob/three.js/issues/10238

在这里(我根据像素比率屏幕值设置了作曲家的大小):

let pixelRatio = window.devicePixelRatio || 0;
composer.setSize(window.innerWidth * pixelRatio, window.innerHeight * pixelRatio);

但是在此之后,我的场景变得很小,可以看到波纹管(黑屏是我的整个窗口)。

有人对我的问题有任何帮助吗? 谢谢

enter image description here

0 个答案:

没有答案