我收到错误[.WebGLRenderingContext] RENDER警告：绑定到纹理单元0的纹理不可渲染.当我在dartium中运行我的web应用程序时,它可能是非2次幂并且具有不兼容的纹理过滤或者不是“纹理完整”.我一直试图解决这个问题两天,包括完全重写代码,但我不能隔离这个问题.
我认为问题在于这段代码.
- void main() {
- ...
- var texture = gl.createTexture();
- var image = new ImageElement();
- image.onLoad.listen((e) {
- gl.bindTexture(webGL.TEXTURE_2D,texture);
- gl.texImage2DImage(webGL.TEXTURE_2D,webGL.RGBA,webGL.UNSIGNED_BYTE,image);
- gl.texParameteri(webGL.TEXTURE_2D,webGL.TEXTURE_MAG_FILTER,webGL.NEAREST);
- gl.texParameteri(webGL.TEXTURE_2D,webGL.TEXTURE_MIN_FILTER,webGL.NEAREST);
- gl.bindTexture(webGL.TEXTURE_2D,null);
- });
- image.src = "tex.png";
- ...
- }
tex.png是32×32
关于问题是什么的任何想法？
解决方法
在我的问题中的代码之后,我立即绑定了纹理并将采样器均匀发送.这是错误的,因为它是在加载图像之前执行的.为了解决这个问题,我调用绑定纹理并在onload函数中绘制元素：
- image.onLoad.listen((e) {
- gl.bindTexture(webGL.TEXTURE_2D,texture);
- gl.texImage2DImage(webGL.TEXTURE_2D,image);
- gl.texParameteri(webGL.TEXTURE_2D,webGL.NEAREST);
- gl.texParameteri(webGL.TEXTURE_2D,webGL.NEAREST);
- gl.bindTexture(webGL.TEXTURE_2D,null);
- gl.activeTexture(webGL.TEXTURE0);
- gl.bindTexture(webGL.TEXTURE_2D,texture);
- gl.uniform1i(gl.getUniformLocation(shader.program,"uSampler"),0);
- gl.drawElements(webGL.TRIANGLES,6,webGL.UNSIGNED_SHORT,0);
- });
这确保图像已加载.
之前,它只是分配onload回调,然后执行下一组命令 – 其中涉及绑定纹理 – 但由于计算机非常快,它已经绑定纹理并试图在图像加载完成之前绘制它.
