如何在WebGL中执行Mipmapping？

Question

我正在学习WebGL并阅读"WebGL编程指南"一书.但是,这本书省略了纹理mipmapping的主题.我试图搜索官方的OpenGL ES网站,但似乎无法得到我的问题的答案.在StackOverflow中没有人问过类似的问题.

有人能告诉我,从开始到结束,如何在WebGL中执行纹理mipmapping？

Answer 1

在WebGL中,您可以手动上传mip贴图 - 这就是level参数所在gl.texImage2D- 或者您只需上传0级然后用于gl.generateMipmap为您生成它们.

一旦你的纹理贴图生成,使用gl.texParameteri设定gl.TEXTURE_MIN_FILTER的gl.NEAREST_MIPMAP_LINEAR(默认值), gl.NEAREST_MIPMAP_NEAREST,gl.LINEAR_MIPMAP_NEAREST或gl.LINEAR_MIPMAP_LINEAR.

然后应使用Mip贴图对该纹理进行采样.

我的理解是它应该像使用gl.generateMipmap(gl.TEXTURE_2D)和例如一样简单gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST_MIPMAP_LINEAR).