element-array-buffer-delete-recreate.html (2069B)
1 <!-- 2 Copyright (c) 2019 The Khronos Group Inc. 3 Use of this source code is governed by an MIT-style license that can be 4 found in the LICENSE.txt file. 5 --> 6 <!DOCTYPE html> 7 <html> 8 <head> 9 <meta charset="utf-8"> 10 <title>Element Array Buffer Deletion and Recreation Test</title> 11 <link rel="stylesheet" href="../../resources/js-test-style.css"/> 12 <script src="../../js/js-test-pre.js"></script> 13 <script src="../../js/webgl-test-utils.js"> </script> 14 </head> 15 <body> 16 <canvas id="example" width="32" height="32"></canvas> 17 <div id="description"></div> 18 <div id="console"></div> 19 <script> 20 "use strict"; 21 var wtu = WebGLTestUtils; 22 function init() 23 { 24 description(); 25 26 // Clear the background with red. 27 var gl = wtu.create3DContext("example"); 28 wtu.setupSimpleColorProgram(gl); 29 var color = [0, 255, 0, 255]; 30 wtu.setUByteDrawColor(gl, color); 31 32 var vertexBuffer = gl.createBuffer(); 33 gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer); 34 gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([ 35 -1, -1, 36 1, -1, 37 -1, 1, 38 1, 1 39 ]), gl.STATIC_DRAW); 40 gl.enableVertexAttribArray(0); 41 gl.vertexAttribPointer(0, 2, gl.FLOAT, false, 0, 0); 42 43 // Create an element array buffer. 44 var indexBuffer = gl.createBuffer(); 45 gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, indexBuffer); 46 gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, new Uint8Array([0, 1, 2, 3]), gl.STATIC_DRAW); 47 48 // Delete the element array buffer. 49 gl.deleteBuffer(indexBuffer); 50 51 // Create a new element array buffer. 52 indexBuffer = gl.createBuffer(); 53 gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, indexBuffer); 54 gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, new Uint8Array([0, 1, 2, 3]), gl.STATIC_DRAW); 55 56 // Draw with the new element array buffer. 57 // If the geometry is drawn successfully, the fragment shader will color it green. 58 gl.drawElements(gl.TRIANGLE_STRIP, 4, gl.UNSIGNED_BYTE, 0); 59 60 wtu.glErrorShouldBe(gl, gl.NO_ERROR, "no errors from draw"); 61 wtu.checkCanvas(gl, color, "should be green") 62 } 63 64 init(); 65 var successfullyParsed = true; 66 </script> 67 <script src="../../js/js-test-post.js"></script> 68 </body> 69 </html>