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.log("\nWebGL is not supported or enabled on this platform!\n"
); |
13 var MEASURE_DRAW_TIMES = 100; | 13 var MEASURE_DRAW_TIMES = 50; |
14 var MAX_COUNT = 60000; | 14 var MAX_MEASURE_DRAW_TIMES = 1000; |
15 var count = 0; | 15 var MAX_MEASURE_TIME_PER_FRAME = 1000; // 1 sec |
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 if (sourceCtx && destCtx) { |
39 var tex = destCtx.createTexture(); | 39 var tex = destCtx.createTexture(); |
40 destCtx.bindTexture(destCtx.TEXTURE_2D, tex); | 40 destCtx.bindTexture(destCtx.TEXTURE_2D, tex); |
41 | 41 |
42 var start = PerfTestRunner.now(); | 42 var start = PerfTestRunner.now(); |
43 | 43 |
44 for (var i = 0; i < MEASURE_DRAW_TIMES; i++) { | 44 var count = 0; |
45 destCtx.texImage2D(destCtx.TEXTURE_2D, 0, destCtx.RGBA, destCtx.RGBA
, destCtx.UNSIGNED_BYTE, sourceCanvas3D); | 45 while ((PerfTestRunner.now() - start <= MAX_MEASURE_TIME_PER_FRAME) && (
count * MEASURE_DRAW_TIMES < MAX_MEASURE_DRAW_TIMES)) { |
| 46 for (var i = 0; i < MEASURE_DRAW_TIMES; i++) { |
| 47 destCtx.texImage2D(destCtx.TEXTURE_2D, 0, destCtx.RGBA, destCtx.
RGBA, destCtx.UNSIGNED_BYTE, sourceCanvas3D); |
| 48 } |
| 49 count++; |
46 } | 50 } |
47 destCtx.readPixels(0, 0, 1, 1, sourceCtx.RGBA, sourceCtx.UNSIGNED_BYTE,
new Uint8Array(4)); | 51 destCtx.finish(); |
| 52 var elapsedTime = PerfTestRunner.now() - start; |
48 destCtx.deleteTexture(tex); | 53 destCtx.deleteTexture(tex); |
49 count++; | |
50 | 54 |
51 var elapsedTime = PerfTestRunner.now() - start; | 55 PerfTestRunner.measureValueAsync(MEASURE_DRAW_TIMES * count * 1000 / ela
psedTime); |
52 PerfTestRunner.measureValueAsync(MEASURE_DRAW_TIMES * 1000 / elapsedTime
); | |
53 } else | 56 } else |
54 PerfTestRunner.measureValueAsync(0); | 57 PerfTestRunner.measureValueAsync(0); |
55 if (count < MAX_COUNT) | 58 |
56 requestAnimationFrame(uploadWebGLToWebGLTexture); | 59 requestAnimationFrame(uploadWebGLToWebGLTexture); |
57 } | 60 } |
58 | 61 |
59 function onCompletedRun() { | 62 function onCompletedRun() { |
60 count = MAX_COUNT; | |
61 } | 63 } |
62 | 64 |
63 window.onload = function () { | 65 window.onload = function () { |
64 PerfTestRunner.prepareToMeasureValuesAsync({done: onCompletedRun, unit: 'run
s/s', | 66 PerfTestRunner.prepareToMeasureValuesAsync({done: onCompletedRun, unit: 'run
s/s', |
65 description: "This benchmark checks the speed on uploading WebGL(1024x10
24) to WebGL Texture(1024x1024)."}); | 67 description: "This benchmark checks the speed on uploading WebGL(1024x10
24) to WebGL Texture(1024x1024)."}); |
66 setSize(1024, 1024); | 68 setSize(1024, 1024); |
67 if (sourceCtx) | 69 if (sourceCtx) |
68 renderWebGL(sourceCtx); | 70 renderWebGL(sourceCtx); |
69 uploadWebGLToWebGLTexture(); | 71 uploadWebGLToWebGLTexture(); |
70 } | 72 } |
71 | 73 |
72 </script> | 74 </script> |
73 </body> | 75 </body> |
74 </html> | 76 </html> |
OLD | NEW |