WebGL2의 부동 소수점 텍스처 선형 필터링

Question

WebGL2에서 부동 소수점 텍스처를 가져 오려고합니다. 나는이 같은 텍스처를 초기화 :

파이어 폭스 55.0.2 (64 비트)는 나에게 다음과 같은 오류를 제공에

function textureFromFloat32Array(gl, arr, w, h){ 
    //https://developer.mozilla.org/en-US/docs/Web/API/OES_texture_float_linear 
    gl.getExtension('OES_texture_float');  // just in case 
    gl.getExtension('OES_texture_float_linear'); // do I need this with WebGL2 
    const texture = gl.createTexture(); 
    gl.bindTexture(gl.TEXTURE_2D, texture); 
    // see https://www.khronos.org/registry/webgl/specs/latest/2.0/#TEXTURE_TYPES_FORMATS_FROM_DOM_ELEMENTS_TABLE 
    gl.texImage2D(gl.TEXTURE_2D, 0, gl.R32F, w, h, 0, gl.RED, gl.FLOAT, arr); 
    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); 
    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); 
    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR); 
    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR); 
    //gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); // this works 
    //gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); 
    return texture; 
} 

:

Error: WebGL warning: drawElements: Active texture 0 for target 0x0de1 is 'incomplete', and will be rendered as RGBA(0,0,0,1), as per the GLES 2.0.24 $3.8.2: Because minification or magnification filtering is not NEAREST or NEAREST_MIPMAP_NEAREST, and the texture's format must be "texture-filterable".

gl.NEAREST와 그것을 작동하지만 난 선형 보간이 필요합니다.

Chorme 60.0.3112.101에서는 gl.getExtension('OES_texture_float_linear');과 작동하지만 WebGL2을 사용하면 그럴 필요가 없습니다.

Answer 1

심지어 WebGL2에는 OES_texture_float_linear이 필요합니다.

WebGL2는 기본적으로 부동 소수점 텍스처를 지원하지만 기본적으로 부동 소수점 텍스처 필터링 또는 렌더링을 지원하지 않습니다. 둘 다 확장 기능입니다. 텍스처 형식이 지원되는지, 필터링 할 수 있는지 또는 렌더링 할 수 있는지에 대한 내용은 tables on this page을 참조하십시오.

대부분의 휴대 전화는 부동 소수점 텍스처 필터링을 지원하지 않으며 부동 소수점 텍스처로 렌더링을 지원하지 않습니다. 적어도 2017 년 9 월 시점.

부동 소수점 텍스처를 필터링하려면 OES_texture_float_linear을 확인하고 활성화해야합니다. 확인하고 활성화해야하는 부동 소수점 텍스처로 렌더링 할 수 있으려면 EXT_color_buffer_float