WebGL自学课程(14):WebGL使用Mipmap纹理

时间:2022-05-30 04:41:45

未使用Mipmap纹理前锯齿马赛克明显:

WebGL自学课程(14):WebGL使用Mipmap纹理

使用Mipmap纹理后锯齿马赛克不明显,变模糊了:

WebGL自学课程(14):WebGL使用Mipmap纹理

使用Mipmap代码如下:

gl.bindTexture(gl.TEXTURE_2D, texture);
gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, true);
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, texture.image);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER,gl.LINEAR_MIPMAP_NEAREST);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER,gl.LINEAR_MIPMAP_NEAREST);//gl.LINEAR_MIPMAP_LINEAR
gl.generateMipmap(gl.TEXTURE_2D);
gl.bindTexture(gl.TEXTURE_2D, null);