webgl - 如何在WebGL中执行Mipmapping？

Question

我正在学习WebGL，并正在阅读《 WebGL编程指南》这本书。但是，这本书省略了有关纹理贴图的主题。我尝试搜索OpenGL ES官方网站，但似乎无法获得我的问题的答案。没有人在StackOverflow中问过类似的问题。

有人可以从头到尾向我展示如何在WebGL中执行纹理映射吗？

Answer 1

在WebGL中，您可以手动上传Mip映射- level 中的gl.texImage2D参数-或者您可以仅上传级别0，然后使用 gl.generateMipmap 为您生成它们。

一旦生成了Mip映射，就可以使用 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)。