Preparation Code Preparation HTML (this will be inserted in the <body> of a valid HTML5 document in standards mode) <script >
var glcanvas = document .createElement ('canvas' );
var gl = glcanvas.getContext ('experimental-webgl' );
var canvas1024 = document .createElement ('canvas' );
canvas1024.width = 4096 ;
canvas1024.height = 4096 ;
var img1024 = new Image ();
var tex1024 = gl.createTexture ();
img1024.onload = function (bindTexture (gl.TEXTURE_2D , tex1024);
gl.texImage2D (gl.TEXTURE_2D , 0 , gl.RGBA , gl.RGBA , gl.UNSIGNED_BYTE , img1024);
};
img1024.src = canvas1024.toDataURL ();
var canvas512 = document .createElement ('canvas' );
canvas512.width = 512 ;
canvas512.height = 512 ;
var img512 = new Image ();
var tex512 = gl.createTexture ();
img512.onload = function (bindTexture (gl.TEXTURE_2D , tex512);
gl.texImage2D (gl.TEXTURE_2D , 0 , gl.RGBA , gl.RGBA , gl.UNSIGNED_BYTE , img512);
};
img512.src = canvas512.toDataURL ();
var canvas256 = document .createElement ('canvas' );
canvas256.width = 256 ;
canvas256.height = 256 ;
var img256 = new Image ();
var tex256 = gl.createTexture ();
img256.onload = function (bindTexture (gl.TEXTURE_2D , tex256);
gl.texImage2D (gl.TEXTURE_2D , 0 , gl.RGBA , gl.RGBA , gl.UNSIGNED_BYTE , img256);
};
img256.src = canvas256.toDataURL ();
var canvas128 = document .createElement ('canvas' );
canvas128.width = 128 ;
canvas128.height = 128 ;
var img128 = new Image ();
var tex128 = gl.createTexture ();
img128.onload = function (bindTexture (gl.TEXTURE_2D , tex128);
gl.texImage2D (gl.TEXTURE_2D , 0 , gl.RGBA , gl.RGBA , gl.UNSIGNED_BYTE , img128);
};
img128.src = canvas128.toDataURL ();
var buf1024 = new Uint 8Array (1024 * 1024 );
</script >
Setup JS
Teardown JS
Test cases
Test #1 Title *
Async
Code * gl.bindTexture (gl.TEXTURE_2D , tex1024);
gl.texImage2D (gl.TEXTURE_2D , 0 , gl.RGBA , gl.RGBA , gl.UNSIGNED_BYTE , img1024);
Test #2 Title *
Async
Code * gl.bindTexture (gl.TEXTURE_2D , tex1024);
gl.texSubImage2D (gl.TEXTURE_2D , 0 , 0 , 0 , gl.RGBA , gl.UNSIGNED_BYTE , img1024);
Title *
Async
Code * gl.bindTexture (gl.TEXTURE_2D , tex512);
gl.texImage2D (gl.TEXTURE_2D , 0 , gl.RGBA , gl.RGBA , gl.UNSIGNED_BYTE , img512);
Title *
Async
Code * gl.bindTexture (gl.TEXTURE_2D , tex512);
gl.texSubImage2D (gl.TEXTURE_2D , 0 , 0 , 0 , gl.RGBA , gl.UNSIGNED_BYTE , img512);
Title *
Async
Code * gl.bindTexture (gl.TEXTURE_2D , tex256);
gl.texImage2D (gl.TEXTURE_2D , 0 , gl.RGBA , gl.RGBA , gl.UNSIGNED_BYTE , img256);
Title *
Async
Code * gl.bindTexture (gl.TEXTURE_2D , tex256);
gl.texSubImage2D (gl.TEXTURE_2D , 0 , 0 , 0 , gl.RGBA , gl.UNSIGNED_BYTE , img256);
Title *
Async
Code * gl.bindTexture (gl.TEXTURE_2D , tex128);
gl.texImage2D (gl.TEXTURE_2D , 0 , gl.RGBA , gl.RGBA , gl.UNSIGNED_BYTE , img128);
Title *
Async
Code * gl.bindTexture (gl.TEXTURE_2D , tex128);
gl.texSubImage2D (gl.TEXTURE_2D , 0 , 0 , 0 , gl.RGBA , gl.UNSIGNED_BYTE , img128);
Title *
Async
Code * gl.bindTexture (gl.TEXTURE_2D , tex1024);
gl.texImage2D (gl.TEXTURE_2D , 0 , gl.LUMINANCE , 1024 , 1024 , 0 , gl.LUMINANCE , gl.UNSIGNED_BYTE , buf1024);
Title *
Async
Code * gl.bindTexture (gl.TEXTURE_2D , tex1024);
gl.texSubImage2D (gl.TEXTURE_2D , 0 , 0 , 0 , 1024 , 1024 , gl.LUMINANCE , gl.UNSIGNED_BYTE , buf1024);