Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(39)

Side by Side Diff: PerformanceTests/Canvas/upload-webgl-to-texture.html

Issue 200253002: Make canvas perf tests run less than 6 sec. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Improve more Created 6 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698