stop using twgl.getContext

greggman · Jul 31, 2022 · f517c87 · f517c87
1 parent 5360d49
commit f517c87
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 7 deletions.
diff --git a/examples/2d-rotation.html b/examples/2d-rotation.html
@@ -60,7 +60,7 @@
     }`;
 
   const canvas = document.getElementById('canvasgl');
-  const gl = twgl.getContext(canvas, {depth: false });
+  const gl = canvas.getContext('webgl', {depth: false});
   const programInfo = twgl.createProgramInfo(gl, [vsource, fsource]);
 
   gl.useProgram(programInfo.program);

diff --git a/examples/3d-texture-volume-no-buffers.html b/examples/3d-texture-volume-no-buffers.html
@@ -106,7 +106,7 @@
 function main() {
   const m4 = twgl.m4;
   twgl.setDefaults({attribPrefix: "a_"});
-  const gl = twgl.getContext(document.getElementById("c"));
+  const gl = document.getElementById("c").getContext('webgl2');
   console.log("using: " + gl.getParameter(gl.VERSION));  // eslint-disable-line
   if (!twgl.isWebGL2(gl)) {
     alert("Sorry, this example requires WebGL 2.0");  // eslint-disable-line

diff --git a/examples/3d-texture-volume.html b/examples/3d-texture-volume.html
@@ -97,7 +97,7 @@
 function main() {
   const m4 = twgl.m4;
   twgl.setDefaults({attribPrefix: "a_"});
-  const gl = twgl.getContext(document.getElementById("c"));
+  const gl = document.getElementById("c").getContext('webgl2');
   console.log("using: " + gl.getParameter(gl.VERSION));  // eslint-disable-line
   if (!twgl.isWebGL2(gl)) {
     alert("Sorry, this example requires WebGL 2.0");  // eslint-disable-line

diff --git a/examples/3d-textures-tone-mapping.html b/examples/3d-textures-tone-mapping.html
@@ -67,7 +67,7 @@
 function main() {
   const m4 = twgl.m4;
   twgl.setDefaults({attribPrefix: "a_"});
-  const gl = twgl.getContext(document.getElementById("c"));
+  const gl = document.getElementById("c").getContext('webgl2');
   console.log("using: " + gl.getParameter(gl.VERSION));  // eslint-disable-line
   if (!twgl.isWebGL2(gl)) {
     alert("Sorry, this example requires WebGL 2.0");  // eslint-disable-line

diff --git a/examples/gpgpu-particles.html b/examples/gpgpu-particles.html
@@ -120,7 +120,7 @@
 
   const mousepos = [0.5, 0.5];
   const canvas = document.getElementById('canvasgl');
-  const gl = twgl.getContext(canvas, { depth: false, antialiasing: false });
+  const gl = canvas.getContext('webgl', { depth: false, antialiasing: false });
 
   const programInit = twgl.createProgramInfo(gl, [vInit, fInit]);
   const programPhysics = twgl.createProgramInfo(gl, [vPhysics, fPhysics]);

diff --git a/examples/uniform-buffer-objects.html b/examples/uniform-buffer-objects.html
@@ -145,7 +145,7 @@
 function main() {
   const m4 = twgl.m4;
   twgl.setDefaults({attribPrefix: "a_"});
-  const gl = twgl.getContext(document.getElementById("c"));
+  const gl = document.getElementById("c").getContext('webgl2');
   console.log("using:" + gl.getParameter(gl.VERSION));  // eslint-disable-line
   if (!twgl.isWebGL2(gl)) {
     alert("Sorry, this example requires WebGL 2.0");  // eslint-disable-line

diff --git a/examples/vertex-array-objects.html b/examples/vertex-array-objects.html
@@ -179,7 +179,7 @@
     import * as twgl from '../dist/4.x/twgl-full.module.js';
     twgl.setDefaults({attribPrefix: "a_"});
     const m4 = twgl.m4;
-    const gl = twgl.getContext(document.getElementById("c"));
+    const gl = document.getElementById("c").getContext('webgl2');
     if (!gl.createVertexArray) {
       alert("requires OES_vertex_array_object extension or WebGL 2");  // eslint-disable-line
     }