three.js - 如何调整纹理渲染目标的大小（在窗口调整大小之后）？

Question

我为纹理做了这个，但它不起作用，相同的纹理被拉伸到更大的区域，导致楼梯伪影（我更新了相机、平面、四边形、渲染器）

我已经看过这个 webgl 解决方案，但我不知道如何在 three.js 中执行此操作 - 我尝试使用新纹理重新定义相同的纹理变量，但它导致 webgl 冻结。webl即时更新渲染目标的宽度和高度

var Xtexture = new THREE.WebGLRenderTarget( w, h, { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBFormat } );


window.addEventListener('resize', onResize, false);

function onResize() {

    w = window.innerWidth;
    h = window.innerHeight;

    Xtexture.width = w;
    Xtexture.height = h;
};

Answer 1

a 的大小THREE.WebGLRenderTarget可以通过setSize设置和更改：

var Xtexture = new THREE.WebGLRenderTarget( w, h, { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBFormat } );

function onResize() {

    w = window.innerWidth;
    h = window.innerHeight;

    Xtexture.setSize(w, h); 
};