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

最新推荐文章于 2023-07-30 21:34:18 发布

孙群

最新推荐文章于 2023-07-30 21:34:18 发布

阅读量5.8k

点赞数

分类专栏： WebGL 3D OpenGL 原生WebGL开发文章标签： WebGL Mipmap

本文链接：https://blog.csdn.net/iispring/article/details/8886839

版权

WebGL 同时被 3 个专栏收录

25 篇文章 8 订阅

订阅专栏

25 篇文章 3 订阅

订阅专栏

原生WebGL开发

17 篇文章 69 订阅

订阅专栏

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

使用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);