Upgrade to webgl2

This commit is contained in:
John 2022-07-28 08:15:12 -05:00
parent 034733ffdc
commit b15d727e0b

View File

@ -3,7 +3,6 @@
// k: number of subdivisions per edge // k: number of subdivisions per edge
// On my machine, k = [1, 256)
// I prefer 96 // I prefer 96
var k = 64 var k = 64
// f(x, y): function to graph // f(x, y): function to graph
@ -69,8 +68,9 @@ function main() {
// Retrieve <canvas> element // Retrieve <canvas> element
var canvas = document.getElementById('webgl'); var canvas = document.getElementById('webgl');
// Get the rendering context for WebGL // Get the rendering context for WebGL *2*
var gl = getWebGLContext(canvas); var gl = canvas.getContext('webgl2');
if (!gl) { if (!gl) {
console.log('Failed to get the rendering context for WebGL'); console.log('Failed to get the rendering context for WebGL');
return; return;
@ -151,7 +151,7 @@ function main() {
gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT); gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
// Draw the cube // Draw the cube
gl.drawElements(gl.TRIANGLES, n, gl.UNSIGNED_SHORT, 0); gl.drawElements(gl.TRIANGLES, n, gl.UNSIGNED_INT, 0);
} }
@ -237,7 +237,7 @@ function initVertexBuffers(gl) {
var vertices = new Float32Array(bf.vertices); var vertices = new Float32Array(bf.vertices);
var colors = new Float32Array(bf.vertex_colors); var colors = new Float32Array(bf.vertex_colors);
var normals = new Float32Array(bf.vertex_normals); var normals = new Float32Array(bf.vertex_normals);
var indices = new Uint16Array(bf.indices); var indices = new Uint32Array(bf.indices);
// Write the vertex property to buffers (coordinates, colors and normals) // Write the vertex property to buffers (coordinates, colors and normals)
if (!initArrayBuffer(gl, 'a_Position', vertices, 3)) return -1; if (!initArrayBuffer(gl, 'a_Position', vertices, 3)) return -1;