Index-Ausdruck muss Konstante - WebGL/GLSL Fehler

Als hintergrund -- GLSL sieht viel wie C, die Kompilierung ist jedoch ein bisschen anders. Die Dinge sind sehr abgerollt, und Bedingungen können parallel ausgeführt werden, und nun am Ende, diese Art der Sache. Hängt von der hardware...

Können Sie loop-Indizes oder Konstanten index in arrays. Die Zuweisung in der Schleife ist ok, aber der Zugriff von tileID nicht.

WebGL-Shader-Sprache ist aus der GLES, dokumentiert

http://www.khronos.org/registry/gles/specs/2.0/GLSL_ES_Specification_1.0.17.pdf

Anhang, Abschnitt 5 diskutiert:

Indexing of Arrays, Vectors and Matrices
Definition:
constant-index-expressions are a superset of constant-expressions. Constant-index-expressions can include loop indices as defined in Appendix A section 4.
The following are constant-index-expressions:
• Constant expressions
• Loop indices as defined in section 4
• Expressions composed of both of the above
When used as an index, a constant-index-expression must have integral type.

Hoffe, das hilft!

Oh, da für die Festsetzung es, in den exakten Beispiel oben... sieht aus wie könnte man berechnen aus tileID eher als precompute und index.

Oder, vorausberechnen, was Arrays, die Sie mögen, und übergeben Sie es in eine textur. Eine textur, natürlich kann indiziert werden, jedoch, das Sie mögen.

Hier ist ein javascript-helper-Methode, die ich verwenden, um pass Schwimmer nach unten zu den Shadern:

function glSetupStuff() { ...
...
if(!gl.getExtension("OES_texture_float"))   //<<-- enables RGBA float values, handy!
    alert("cant pass in floats, use 8-bit values instead.");
... }

/*
 * Pass in an array of rgba floats,
 * for example: var data = new Float32Array([0.1,0.2,0.3,1,  .5,.5,1.0,1]);
 */
function textureFromFloats(gl,width,height,float32Array) 
{
var oldActive = gl.getParameter(gl.ACTIVE_TEXTURE);
gl.activeTexture(gl.TEXTURE15); //working register 31, thanks.

var texture = gl.createTexture();
gl.bindTexture(gl.TEXTURE_2D, texture);

gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 
                width, height, 0, 
                gl.RGBA, gl.FLOAT, float32Array);

gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
gl.bindTexture(gl.TEXTURE_2D, null);

gl.activeTexture(oldActive);

return texture;
}

Beachten Sie die Verwendung von gl.NÄCHSTEN, so dass es nicht "verwischen" Ihre Werte! Dann können Sie es einrichten, bevor die gl.drawXxx nennen, mit so etwas wie

textureUnit = 3;  //from 0 to 15 is ok
gl.activeTexture(gl.TEXTURE0 + textureUnit);
gl.bindTexture(gl.TEXTURE_2D, texture);

var z = gl.getUniformLocation(prog, "uSampler");
gl.uniform1i(z, textureUnit);

Und in den shader (ich glaube, fragment-oder vertex; einige früher webgl ist nicht unterstützt vertex-Texturen...)

uniform sampler2D uSampler;
...
vec4 value = texture2D(uSampler, vec2(xValueBetween0And1,yValueBetween0And1));

So, Sie haben index entsprechend der array-als-textur-Größe, im Bereich von 0 bis 1. Versuchen Sie, die Probe aus der Mitte jedes Wert/pixel. Wie, wenn das array 2 Werte breit, index um 0,25 und 0,75.

Das ist das wesentliche!

Traf ich diesen Fehler denn ich war versucht, einer integer-variable nehmen, die N-te textur aus einem array von Texturen:

//this doesn't compile!

varying vec2 vUv; //uv coords
varying float vTexture; //texture index in array of textures

uniform sampler2D textures[3]; //identify that there are 3 textures

void main() {
  int textureIndex = int(floor(vTexture));
  gl_FragColor = texture2D(textures[textureIndex], vUv);
}

War die Lösung zu brechen, die textur Indizierung in eine Sequenz von konditionalen:

//this compiles!

varying vec2 vUv; //uv coords
varying float vTexture; //texture index in array of textures

uniform sampler2D textures[3]; //identify that there are 3 textures

void main() {
  int textureIndex = int(floor(vTexture));
  if (textureIndex == 0) {
    gl_FragColor = texture2D(textures[0], vUv);
  } else if (textureIndex == 1) {
    gl_FragColor = texture2D(textures[1], vUv);
  } else if (textureIndex == 2) {
    gl_FragColor = texture2D(textures[2], vUv);
  } 
}