Preparation code

<script>
  var c = document.createElement('canvas');
  c.width = c.height = 512;
  var gl = c.getContext('experimental-webgl');
  var tex = gl.createTexture();
  gl.bindTexture(gl.TEXTURE_2D, tex);
  
  var c2 = document.createElement('canvas');
  c2.width = c2.height = 512;
  var gl2 = c2.getContext('experimental-webgl');
  var tex2 = gl2.createTexture();
  gl2.bindTexture(gl2.TEXTURE_2D, tex2);
  gl2.pixelStorei(gl2.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 1);
  
  var c3 = document.createElement('canvas');
  c3.width = c3.height = 512;
  var gl3 = c3.getContext('experimental-webgl');
  var tex3 = gl3.createTexture();
  gl3.bindTexture(gl3.TEXTURE_2D, tex3);
  gl3.pixelStorei(gl3.UNPACK_FLIP_Y_WEBGL, 1);
  
  var video = document.createElement('video');
  video.src = 'http://www.html5rocks.com/tutorials/video/basics/Chrome_ImF.webm';
  
  var typedArray = new Uint8Array(640 * 360 * 4);
  
  var canvas = document.createElement('canvas');
  canvas.width = 640;
  canvas.height = 360;
  var cctx = canvas.getContext('2d');
  var idata = cctx.getImageData(0, 0, 640, 360);
  
  var glCanvas = document.createElement('canvas');
  glCanvas.width = 640;
  glCanvas.height = 360;
  glCanvas.getContext('experimental-webgl');
  
  var img = new Image();
  img.src = canvas.toDataURL();
</script>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

gl.texImage2D(gl.TEXTURE_2d, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, canvas);

gl.texImage2D(gl.TEXTURE_2d, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, glCanvas);

gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 640, 360, 0, gl.RGBA, gl.UNSIGNED_BYTE, typedArray);

gl.texImage2D(gl.TEXTURE_2d, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, idata);

gl.texImage2D(gl.TEXTURE_2d, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, img);

gl.texImage2D(gl.TEXTURE_2d, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, video);

gl2.texImage2D(gl.TEXTURE_2d, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, canvas);

gl2.texImage2D(gl.TEXTURE_2d, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, idata);

gl2.texImage2D(gl.TEXTURE_2d, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, img);

gl3.texImage2D(gl.TEXTURE_2d, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, idata);

gl2.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 640, 360, 0, gl.RGBA, gl.UNSIGNED_BYTE, typedArray);

You can edit these tests or add even more tests to this page by appending /edit to the URL.

Compare results of other browsers

1 comment