Opengl es 内存耗尽
我正在使用大约100种不同的2048 x 2048 px纹理处理WebGL场景。我正在渲染点基本体，每个点都有一个纹理索引和纹理uv偏移，指示应该在点上使用的给定纹理区域 最初，我尝试将每个点的纹理索引作为一个Opengl es 内存耗尽,opengl-es,three.js,glsl,webgl,Opengl Es,Three.js,Glsl,Webgl,我正在使用大约100种不同的2048 x 2048 px纹理处理WebGL场景。我正在渲染点基本体，每个点都有一个纹理索引和纹理uv偏移，指示应该在点上使用的给定纹理区域 最初，我尝试将每个点的纹理索引作为一个可变值传递，然后尝试使用该索引位置从sampler2D数组中提取给定纹理。但是，这产生了一个错误，即只能使用“常量整数表达式”获取sampler2D数组值，因此现在我使用粗糙的if条件来指定每个点的纹理索引： /** * The fragment shader's main() funct
可变sampler2Dsampler2D/**
* The fragment shader's main() function must define `gl_FragColor`,
* which describes the pixel color of each pixel on the screen.
*
* To do so, we can use uniforms passed into the shader and varyings
* passed from the vertex shader.
*
* Attempting to read a varying not generated by the vertex shader will
* throw a warning but won't prevent shader compiling.
**/
// set float precision
precision highp float;
// repeat identifies the size of each image in an atlas
uniform vec2 repeat;
// textures contains an array of textures with length n textures
uniform sampler2D textures[42];
// identify the uv values as a varying attribute
varying vec2 vUv; // blueprint uv coords
varying vec2 vTexOffset; // instance uv offsets
varying float vTexture; // set index of each object's vertex
void main() {
int textureIndex = int(floor(vTexture));
vec2 uv = vec2( gl_PointCoord.x, 1.0 - gl_PointCoord.y );
// The block below is automatically generated
if (textureIndex == 0) {vec4 color = texture2D(textures[0], uv * repeat + vTexOffset ); }
else if (textureIndex == 1) { vec4 color = texture2D(textures[1], uv * repeat + vTexOffset ); }
else if (textureIndex == 2) { vec4 color = texture2D(textures[2], uv * repeat + vTexOffset ); }
else if (textureIndex == 3) { vec4 color = texture2D(textures[3], uv * repeat + vTexOffset ); }
[ more lines of the same ... ]
gl_FragColor = color;
}
要加载的所有纹理的总大小：58MB
浏览器：最近的Chrome
图形卡：AMD Radeon R9 M370X 2048 MB图形（库存2015 OSX卡）碎片着色器可以访问的采样器数量有限制。可以通过
gl.getParameter（gl.MAX_TEXTURE_IMAGE_UNITS）还考虑了100个8位RGBA2048×2048纹理使用了1.6千兆字节的VRAM。纹理压缩通过<代码> WebGLyStudioStuluxS3TC/<代码>可以减少8X或4X，这取决于您需要多少alpha精度。
< P> >一个片段着色器可以访问多少个限制。它可以通过<代码> G.GETPA获得。参数（gl.MAX\u TEXTURE\u IMAGE\u UNITS）。保证至少为8，通常为16或32 为了避免这一限制，WebGL2中提供了纹理数组，这也允许使用任何变量对层进行索引。在WebGL1中，您唯一的选择是地图集，但由于到2048年，您的纹理已经达到2048，因此无法使ghem变得更大 如果不想将自己限制为WebGL2，则必须将渲染拆分为多个绘制调用，并设置不同的纹理还考虑有100个8位RGBA2048×2048纹理使用1.6千兆字节的VRAM。纹理压缩通过<代码> WebGLyStudioStuluxS3Tc<代码>可以减少8X或4X，这取决于您需要多少alpha精度。< /P> <代码> GL.GETPARCH（GL.Max TrimulyIGIMAGE单元）的值是什么？？取样器不能再多了。在WebGL2中，你可以使用纹理数组，否则你必须使用地图集。VRAM也可能是一个问题-一个8位rgba 2048到2048的纹理是16MB，所以你总共需要1.6GB。谢谢@riv
gl.getParameter（gl.MAX\u texture\u IMAGE\u UNITS）gl.getParameter（gl.MAX\u texture\u IMAGE\u UNITS）的值是多少gl.getParameter（gl.MAX\u texture\u IMAGE\u UNITS）