WebGL 上出现错误“Tex 图像 TEXTURE_2D level 0 正在引发延迟初始化”

我收到错误消息：Error: WebGL warning: drawElements: Tex image TEXTURE_2D level 0 is incurring lazy initialization.在 WebGL 上，我想知道它的实际含义。

无论如何，延迟初始化在单线程应用程序中怎么会成为问题呢？我的理解是当你在 getter 中初始化一个变量时？

我尝试寻找我的错误消息并没有真正找到任何好的信息。

这是我处理纹理的代码：

            const images = await Promise.all(model.maps.map(map => new Promise((resolve, reject) => {
                const image = new Image();

                image.src = map;
                image.onload = event => {
                    const texture = gl.createTexture();

                    gl.bindTexture(gl.TEXTURE_2D, texture);
                    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, image.width, image.height, 0, gl.RGBA, gl.FLOAT, null);
                    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
                    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
                    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.bindTexture(gl.TEXTURE_2D, null);

                    resolve(texture);
                };

                image.onerror = error => {
                    console.log(error);
                    resolve(null);
                };
            })));

我的绘制函数的相关部分基本上是：

gl.bindTexture(gl.TEXTURE_2D, textures[material.textureIndex]);
gl.activeTexture(gl.TEXTURE0);
gl.drawElements(gl.TRIANGLES, material.faceCount * 3, gl.UNSIGNED_SHORT, drawnCount);

话虽如此，如果我使用 6 个参数语法：gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.FLOAT, image);然后这个错误消息不再显示，并且我设法正确渲染。

这不是一个错误。这是一个警告。

错误：WebGLwarning ...

这是非常令人困惑的，它在前面说“错误”，但即使它只说“警告”，我已经争论了很长时间，这是一个糟糕的警告。

警告是 WebGL 需要做一些重要的工作。

当你制作纹理并且不向其传递任何数据时，你就传递了null作为最后一个参数texImage2D，这意味着在某个时刻 WebGL 必须清除纹理。假设纹理是 2048x2048 RGBA/UNSIGNED_BYTE。实际上，WebGL 必须分配 16meg 的 ram (2048x2048x4)，将 16meg 的 ram 清除为 0，然后调用gl.texSubImage2D在实际使用纹理之前将零放入纹理中。如果他们不这样做，纹理中就会有随机数据，这些数据可能是秘密、密码、以前的图形内存（如照片）或其他任何数据。

因此，警告告诉您发生了一些重要的工作。

此警告的问题是停止警告的解决方法比警告本身更糟糕。解决方法是您自己清除纹理。为此，您需要在 JavaScript 中分配 16meg，如下所示new Uint8Array(2048 * 2048 * 4)。这意味着 JavaScript 正在分配 16meg，它也会清除这 16meg。它还分配一个Uint8Array对象跟踪那 16meg。那Uint8Arrayobject 是一个复杂的 JavaScript 对象，可能是多个对象组合在一起的集合，例如ArrayBuffer对象也被分配。这些对象都有原型链，并且能够添加属性、方法以及 getter 和 setter。那Uint8Array and ArrayBuffer还必须进行跟踪，以便稍后可以对它们进行垃圾收集，这意味着即使它们存在，也会产生开销。更糟糕的是，如果浏览器是多进程的（Chrome 就是这样，我相信 Firefox 正在努力实现这一目标），那么 JavaScript 中分配的 16meg 必须复制到 GPU 进程，这意味着 GPU 进程首先也需要分配 16meg 的 RAM，数据必须从运行网页的进程复制到 GPU 进程，以便可以传递到图形驱动程序。甚至还有更多的工作。

换句话说，让 Firefox 关闭它的警告实际上会让你的代码比 Firefox 默默地自行清除纹理慢得多，并且使用更多的内存。因此为什么我说警告不应该存在

Firefox 的开发人员有这样的观点：每当 WebGL 做一些繁重的事情时，他们都会给你一个警告。鉴于治愈方法会让你的代码变得更加沉重，我不同意他们的观点。 Chrome 不会发出此警告。这也让开发人员感到困惑，因为他们认为自己做错了。他们没有做错任何事。

https://bugzilla.mozilla.org/show_bug.cgi?id=1478216 https://bugzilla.mozilla.org/show_bug.cgi?id=1478216

至于不渲染的东西，在您发布的代码中，您没有在纹理中放置任何内容，因此纹理当然是 0,0,0,0。