Exhibit #1: Your First WebGL 2 Program

What We Did

• Create a canvas like we did in the last exhibit. However, we get the canvas element with jQuery, and get the WebGL context in a slightly different way.

  var canvas = $("#webglCanvas");
  var gl = canvas[0].getContext("webgl2");
  

• Note that we use "webgl2" instead of "webgl" or "experimental-webgl".
• This code will most likely not run on your mobile device. If it doesn't run on your laptop, you need to update your browser.
  • Update Chrome to the latest version (64 as of Jan 23, 2018) should do the job.
  • For Firefox, install the latest version (58 as of Jan 22, 2018)
  • Check for which browser supports WebGL 2 here.