A vertex array representing a triangle is never passed to the vertex shader with getAttribLocation / vertexAttribPointer. However, A Triangle will still draw on the screen. How is the triangle being drawn. In the shader I specify vec2 pos, but I never use getAttribLocation. Is vec2 position a reserved value in GLSL? :
function createShader( str, type ) {
var shader = gl.createShader(type);
gl.shaderSource(shader, str);
gl.compileShader(shader);
return shader;
}
function createProgram(vstr, fstr) {
var program = gl.createProgram();
var vshader = createShader(vstr, gl.VERTEX_SHADER);
var fshader = createShader(fstr, gl.FRAGMENT_SHADER);
gl.attachShader(program, vshader);
gl.attachShader(program, fshader);
gl.linkProgram(program);
return program;
}
var c = document.getElementById('c');
var gl = c.getContext('experimental-webgl');
var vertexPosBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, vertexPosBuffer);
var vertices = [ -0.5, -0.5, 0.5, -0.5, 0, 0.5];
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertices), gl.STATIC_DRAW);
var vs = 'attribute vec2 asdf;' +
'attribute vec2 pos;' +
'void main() { gl_Position = vec4( pos, 0, 1 ); }';
var fs = 'precision mediump float;' +
'void main() { gl_FragColor = vec4(0,0.8,0,1); }';
var program = createProgram(vs,fs);
gl.useProgram(program);
//
function animate () {
gl.enableVertexAttribArray(0);
gl.vertexAttribPointer( 0, 2, gl.FLOAT, false, 0, 0 );
gl.drawArrays(gl.TRIANGLES, 0, 3);
window.requestAnimationFrame(animate);
}
animate();
canvas { border: 1px solid black; }
<canvas id="c"></canvas>