Migrating to WebGL 2

As we described previously, WebGL 2 is nearly 100 percent backward compatible with WebGL 1.

Backward Compatibility

All exceptions to backward compatibility are recorded at the following link: https://www.khronos.org/registry/WebGL/specs/latest/2.0/#BACKWARDS_INCOMPATIBILITY.

That being said, let's cover some key components of migrating a WebGL 1 application to WebGL 2.

Attaining context

In WebGL 1, you'd attain a WebGL context with something that looks like the following:

const names = ['WebGL', 'experimental-WebGL', 'webkit-3d', 'moz-WebGL'];

for (let i = 0; i < names.length; ++i) {
  try {
    const context = canvas.getContext(names[i]);
    // work...