| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <body> | 3 <body> |
| 4 <script src="../resources/runner.js"></script> | 4 <script src="../resources/runner.js"></script> |
| 5 <script> | 5 <script> |
| 6 | 6 |
| 7 var sourceCanvas3D = document.createElement('canvas'); | 7 var sourceCanvas3D = document.createElement('canvas'); |
| 8 var sourceCtx = sourceCanvas3D.getContext('experimental-webgl'); | 8 var sourceCtx = sourceCanvas3D.getContext('experimental-webgl'); |
| 9 var destCanvas3D = document.createElement('canvas'); | 9 var destCanvas3D = document.createElement('canvas'); |
| 10 var destCtx = destCanvas3D.getContext('experimental-webgl'); | 10 var destCtx = destCanvas3D.getContext('experimental-webgl'); |
| 11 if (!sourceCtx || !destCtx) | 11 if (!sourceCtx || !destCtx) |
| 12 PerfTestRunner.log("\nWebGL is not supported or enabled on this platform!\n"
); | 12 PerfTestRunner.logFatalError("\nWebGL is not supported or enabled on this pl
atform!\n"); |
| 13 var MEASURE_DRAW_TIMES = 100; | 13 var MEASURE_DRAW_TIMES = 100; |
| 14 var MAX_COUNT = 60000; | 14 var MAX_COUNT = 60000; |
| 15 var count = 0; | 15 var count = 0; |
| 16 | 16 |
| 17 function setSize(width, height) { | 17 function setSize(width, height) { |
| 18 sourceCanvas3D.width = width; | 18 sourceCanvas3D.width = width; |
| 19 sourceCanvas3D.height = height; | 19 sourceCanvas3D.height = height; |
| 20 destCanvas3D.width = width; | 20 destCanvas3D.width = width; |
| 21 destCanvas3D.height = height; | 21 destCanvas3D.height = height; |
| 22 } | 22 } |
| 23 | 23 |
| 24 function rand(range) { | 24 function rand(range) { |
| 25 return Math.floor(Math.random() * range); | 25 return Math.floor(Math.random() * range); |
| 26 } | 26 } |
| 27 | 27 |
| 28 function renderWebGL(gl) { | 28 function renderWebGL(gl) { |
| 29 gl.disable(gl.SCISSOR_TEST); | 29 gl.disable(gl.SCISSOR_TEST); |
| 30 gl.clear(gl.COLOR_BUFER_BIT); | 30 gl.clear(gl.COLOR_BUFER_BIT); |
| 31 gl.enable(gl.SCISSOR_TEST); | 31 gl.enable(gl.SCISSOR_TEST); |
| 32 gl.scissor(rand(1024), rand(1024), rand(1024), rand(1024)); | 32 gl.scissor(rand(1024), rand(1024), rand(1024), rand(1024)); |
| 33 gl.clearColor(Math.random(), Math.random(), Math.random(), 1); | 33 gl.clearColor(Math.random(), Math.random(), Math.random(), 1); |
| 34 gl.clear(gl.COLOR_BUFFER_BIT); | 34 gl.clear(gl.COLOR_BUFFER_BIT); |
| 35 } | 35 } |
| 36 | 36 |
| 37 function uploadWebGLToWebGLTexture() { | 37 function uploadWebGLToWebGLTexture() { |
| 38 if (sourceCtx && destCtx) { | 38 var tex = destCtx.createTexture(); |
| 39 var tex = destCtx.createTexture(); | 39 destCtx.bindTexture(destCtx.TEXTURE_2D, tex); |
| 40 destCtx.bindTexture(destCtx.TEXTURE_2D, tex); | |
| 41 | 40 |
| 42 var start = PerfTestRunner.now(); | 41 var start = PerfTestRunner.now(); |
| 43 | 42 |
| 44 for (var i = 0; i < MEASURE_DRAW_TIMES; i++) { | 43 for (var i = 0; i < MEASURE_DRAW_TIMES; i++) { |
| 45 destCtx.texImage2D(destCtx.TEXTURE_2D, 0, destCtx.RGBA, destCtx.RGBA
, destCtx.UNSIGNED_BYTE, sourceCanvas3D); | 44 destCtx.texImage2D(destCtx.TEXTURE_2D, 0, destCtx.RGBA, destCtx.RGBA, de
stCtx.UNSIGNED_BYTE, sourceCanvas3D); |
| 46 } | 45 } |
| 47 destCtx.readPixels(0, 0, 1, 1, sourceCtx.RGBA, sourceCtx.UNSIGNED_BYTE,
new Uint8Array(4)); | 46 destCtx.readPixels(0, 0, 1, 1, sourceCtx.RGBA, sourceCtx.UNSIGNED_BYTE, new
Uint8Array(4)); |
| 48 destCtx.deleteTexture(tex); | 47 destCtx.deleteTexture(tex); |
| 49 count++; | 48 count++; |
| 50 | 49 |
| 51 var elapsedTime = PerfTestRunner.now() - start; | 50 var elapsedTime = PerfTestRunner.now() - start; |
| 52 PerfTestRunner.measureValueAsync(MEASURE_DRAW_TIMES * 1000 / elapsedTime
); | 51 PerfTestRunner.measureValueAsync(MEASURE_DRAW_TIMES * 1000 / elapsedTime); |
| 53 } else | |
| 54 PerfTestRunner.measureValueAsync(0); | |
| 55 if (count < MAX_COUNT) | 52 if (count < MAX_COUNT) |
| 56 requestAnimationFrame(uploadWebGLToWebGLTexture); | 53 requestAnimationFrame(uploadWebGLToWebGLTexture); |
| 57 } | 54 } |
| 58 | 55 |
| 59 function onCompletedRun() { | 56 function onCompletedRun() { |
| 60 count = MAX_COUNT; | 57 count = MAX_COUNT; |
| 61 } | 58 } |
| 62 | 59 |
| 63 window.onload = function () { | 60 window.onload = function () { |
| 64 PerfTestRunner.prepareToMeasureValuesAsync({done: onCompletedRun, unit: 'run
s/s', | 61 PerfTestRunner.prepareToMeasureValuesAsync({done: onCompletedRun, unit: 'run
s/s', |
| 65 description: "This benchmark checks the speed on uploading WebGL(1024x10
24) to WebGL Texture(1024x1024)."}); | 62 description: "This benchmark checks the speed on uploading WebGL(1024x10
24) to WebGL Texture(1024x1024)."}); |
| 66 setSize(1024, 1024); | 63 setSize(1024, 1024); |
| 67 if (sourceCtx) | 64 if (sourceCtx) |
| 68 renderWebGL(sourceCtx); | 65 renderWebGL(sourceCtx); |
| 69 uploadWebGLToWebGLTexture(); | 66 uploadWebGLToWebGLTexture(); |
| 70 } | 67 } |
| 71 | 68 |
| 72 </script> | 69 </script> |
| 73 </body> | 70 </body> |
| 74 </html> | 71 </html> |
| OLD | NEW |