PerformanceTests/Canvas/draw-static-webgl-to-hw-accelerated-canvas-2d.html - Issue 200253002: Make canvas perf tests run less than 6 sec.

Side by Side Diff: PerformanceTests/Canvas/draw-static-webgl-to-hw-accelerated-canvas-2d.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: Introduce canvas_runner.js to remove duplicated code. 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

« no previous file with comments | « PerformanceTests/Canvas/draw-static-canvas-2d-to-hw-accelerated-canvas-2d.html ('k') | PerformanceTests/Canvas/resources/canvas_runner.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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 src="resources/canvas_runner.js"></script>

5 <script>	6 <script>

6 var canvas2D = document.createElement("canvas");	7 var canvas2D = document.createElement("canvas");

7 var ctx2D = canvas2D.getContext("2d");	8 var ctx2D = canvas2D.getContext("2d");

8 var canvas3D = document.createElement('canvas');	9 var canvas3D = document.createElement('canvas');

9 var gl = canvas3D.getContext('experimental-webgl');	10 var gl = canvas3D.getContext('experimental-webgl');

10 if (!gl)	11 if (!gl)

11 PerfTestRunner.logFatalError("\nWebGL is not supported or enabled on this pl atform!\n");	12 CanvasRunner.logFatalError("\nWebGL is not supported or enabled on this plat form!\n");

12 var MEASURE_DRAW_TIMES = 1000;

13 var MAX_COUNT = 60000;

14 var count = 0;

15	13

16 function setSize(canvas2DWidth, canvas2DHeight, webglWidth, webglHeight) {	14 function setSize(canvas2DWidth, canvas2DHeight, webglWidth, webglHeight) {

17 canvas2D.width = canvas2DWidth;	15 canvas2D.width = canvas2DWidth;

18 canvas2D.height = canvas2DHeight;	16 canvas2D.height = canvas2DHeight;

19 canvas3D.width = webglWidth;	17 canvas3D.width = webglWidth;

20 canvas3D.height = webglHeight;	18 canvas3D.height = webglHeight;

21 }	19 }

22	20

23 function rand(range) {	21 function rand(range) {

24 return Math.floor(Math.random() * range);	22 return Math.floor(Math.random() * range);

25 }	23 }

26	24

27 function renderWebGL(gl) {	25 function renderWebGL(gl) {

28 gl.disable(gl.SCISSOR_TEST);	26 gl.disable(gl.SCISSOR_TEST);

29 gl.clear(gl.COLOR_BUFER_BIT);	27 gl.clear(gl.COLOR_BUFER_BIT);

30 gl.enable(gl.SCISSOR_TEST);	28 gl.enable(gl.SCISSOR_TEST);

31 gl.scissor(rand(1024), rand(1024), rand(1024), rand(1024));	29 gl.scissor(rand(1024), rand(1024), rand(1024), rand(1024));

32 gl.clearColor(Math.random(), Math.random(), Math.random(), 1);	30 gl.clearColor(Math.random(), Math.random(), Math.random(), 1);

33 gl.clear(gl.COLOR_BUFFER_BIT);	31 gl.clear(gl.COLOR_BUFFER_BIT);

34 }	32 }

35	33

36 function drawWebGLToCanvas2D() {	34 function doRun() {

37 var start = PerfTestRunner.now();	35 // draw static WebGL

38 for (var i = 0; i < MEASURE_DRAW_TIMES; i++) {	36 ctx2D.drawImage(canvas3D, 0, 0);

39 // draw static WebGL	37 }

40 ctx2D.drawImage(canvas3D, 0, 0);	38

41 }	39 function ensureComplete() {

42 // Calling getImageData() is just to flush out the content when	40 // Calling getImageData() is just to flush out the content when

43 // accelerated 2D canvas is in use. The cost of reading 1x1 pixels is low.	41 // accelerated 2D canvas is in use. The cost of reading 1x1 pixels is low.

44 ctx2D.getImageData(0, 0, 1, 1);	42 ctx2D.getImageData(0, 0, 1, 1);

45 count++;

46

47 var elapsedTime = PerfTestRunner.now() - start;

48 PerfTestRunner.measureValueAsync(MEASURE_DRAW_TIMES * 1000 / elapsedTime);

49 if (count < MAX_COUNT)

50 requestAnimationFrame(drawWebGLToCanvas2D);

51 }

52

53 function onCompletedRun() {

54 count = MAX_COUNT;

55 }	43 }

56	44

57 window.onload = function () {	45 window.onload = function () {

58 PerfTestRunner.prepareToMeasureValuesAsync({done: onCompletedRun, unit: 'run s/s',

59 description: "This bench test checks the speed on drawing static WebGL(1 024x1024) to HW accelerated Canvas2D(1024x1024)."});

60 // It should use setMinimumAccelerated2dCanvasSize() to enable accelerated C anvas for a specified size	46 // It should use setMinimumAccelerated2dCanvasSize() to enable accelerated C anvas for a specified size

61 // but this API is not available in JS or WebPage. Assume the threshold size is 256x257	47 // but this API is not available in JS or WebPage. Assume the threshold size is 256x257

62 // and the dest canvas is HW accelerated Canvas when setting its size to 102 4x1024.	48 // and the dest canvas is HW accelerated Canvas when setting its size to 102 4x1024.

63 setSize(1024, 1024, 1024, 1024);	49 setSize(1024, 1024, 1024, 1024);

64 renderWebGL(gl);	50 renderWebGL(gl);

65 drawWebGLToCanvas2D();	51 CanvasRunner.start({

	52 description: "This bench test checks the speed on drawing static WebGL(1 024x1024) to HW accelerated Canvas2D(1024x1024).",

	53 doRun: doRun,

	54 ensureComplete: ensureComplete});

66 }	55 }

67	56

68 </script>	57 </script>

69 </body>	58 </body>

70 </html>	59 </html>

OLD	NEW