vertexAttribPointer.html (2354B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <!-- 6 Copyright (c) 2019 The Khronos Group Inc. 7 Use of this source code is governed by an MIT-style license that can be 8 found in the LICENSE.txt file. 9 --> 10 <link rel="stylesheet" type="text/css" href="../unit.css" /> 11 <script type="application/javascript" src="../unit.js"></script> 12 <script type="application/javascript" src="../util.js"></script> 13 <script type="application/javascript"> 14 15 var verts = [0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 1.0, 0.0]; 16 var normals = [0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 0.0, 1.0]; 17 var texcoords = [0.0,0.0, 1.0,0.0, 0.0,1.0]; 18 19 Tests.startUnit = function () { 20 var canvas = document.getElementById('gl'); 21 var gl = wrapGLContext(getGLContext(canvas)); 22 var prog = new Shader(gl, 'vert', 'frag'); 23 prog.use(); 24 var sh = prog.shader.program; 25 // log(gl.getShaderInfoLog(prog.shaders[1])); 26 var v = gl.getAttribLocation(sh, 'Vertex'); 27 var n = gl.getAttribLocation(sh, 'Normal'); 28 var t = gl.getAttribLocation(sh, 'Tex'); 29 return [gl,prog,v,n,t]; 30 } 31 32 Tests.setup = function(gl, prog, v,n,t) { 33 assert(0 == gl.getError()); 34 return [gl, prog, v,n,t]; 35 } 36 Tests.teardown = function(gl, prog, v,n,t) { 37 gl.disableVertexAttribArray(v); 38 gl.disableVertexAttribArray(n); 39 gl.disableVertexAttribArray(t); 40 } 41 42 Tests.endUnit = function(gl, prog, v,n,t) { 43 prog.destroy(); 44 } 45 46 Tests.testVertexAttribPointerVBO = function(gl, prog, v,n,t) { 47 var vbo = gl.createBuffer(); 48 var vertsArr = new Float32Array(verts); 49 gl.bindBuffer(gl.ARRAY_BUFFER, vbo); 50 gl.bufferData(gl.ARRAY_BUFFER, vertsArr, gl.STATIC_DRAW); 51 gl.vertexAttribPointer(v, 3, gl.FLOAT, false, 0, 0); 52 gl.vertexAttribPointer(v, 3, gl.FLOAT, false, 0, 4); 53 gl.bindBuffer(gl.ARRAY_BUFFER, null); 54 gl.deleteBuffer(vbo); 55 } 56 57 </script> 58 <script id="vert" type="x-shader/x-vertex"> 59 attribute vec3 Vertex; 60 attribute vec3 Normal; 61 attribute vec2 Tex; 62 63 varying vec4 texCoord0; 64 void main() 65 { 66 gl_Position = vec4(Vertex * Normal, 1.0); 67 texCoord0 = vec4(Tex,0.0,0.0) + gl_Position; 68 } 69 </script> 70 <script id="frag" type="x-shader/x-fragment"> 71 precision mediump float; 72 73 varying vec4 texCoord0; 74 void main() 75 { 76 vec4 c = texCoord0; 77 gl_FragColor = c; 78 } 79 </script> 80 81 82 <style>canvas{ position:absolute; }</style> 83 </head><body> 84 <canvas id="gl" width="1" height="1"></canvas> 85 </body></html>