OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style type="text/css" media="screen"> | 4 <style type="text/css" media="screen"> |
5 canvas { | 5 canvas { |
6 margin: 20px; | 6 margin: 20px; |
7 width: 200px; | 7 width: 200px; |
8 height: 200px; | 8 height: 200px; |
9 padding: 0 0; | 9 padding: 0 0; |
10 } | 10 } |
(...skipping 20 matching lines...) Expand all Loading... |
31 var gl = null; | 31 var gl = null; |
32 | 32 |
33 function init() | 33 function init() |
34 { | 34 { |
35 gl = initWebGL(); | 35 gl = initWebGL(); |
36 gl.viewport(0, 0, 200, 200); | 36 gl.viewport(0, 0, 200, 200); |
37 gl.clearColor(1, 0, 0, 1); // red | 37 gl.clearColor(1, 0, 0, 1); // red |
38 gl.clear(gl.COLOR_BUFFER_BIT); | 38 gl.clear(gl.COLOR_BUFFER_BIT); |
39 if (window.testRunner) { | 39 if (window.testRunner) { |
40 testRunner.display(); | 40 testRunner.display(); |
41 testRunner.dumpAsText(true); | 41 testRunner.dumpAsTextWithPixelResults(); |
42 drawGreen(); | 42 drawGreen(); |
43 } else | 43 } else |
44 window.setTimeout(drawGreen, 50); | 44 window.setTimeout(drawGreen, 50); |
45 } | 45 } |
46 | 46 |
47 function drawGreen() | 47 function drawGreen() |
48 { | 48 { |
49 gl.clearColor(0, 1, 0, 1); // green | 49 gl.clearColor(0, 1, 0, 1); // green |
50 gl.clear(gl.COLOR_BUFFER_BIT); | 50 gl.clear(gl.COLOR_BUFFER_BIT); |
51 if (window.testRunner) { | 51 if (window.testRunner) { |
52 testRunner.display(); | 52 testRunner.display(); |
53 testRunner.display(); | 53 testRunner.display(); |
54 } else | 54 } else |
55 window.setInterval(function() { | 55 window.setInterval(function() { |
56 document.getElementById('canvas').classList.toggle('border'); | 56 document.getElementById('canvas').classList.toggle('border'); |
57 }, 50); | 57 }, 50); |
58 } | 58 } |
59 | 59 |
60 </script> | 60 </script> |
61 </head> | 61 </head> |
62 <body onload="init()"> | 62 <body onload="init()"> |
63 <canvas id="canvas" width="200" height="200"></canvas> | 63 <canvas id="canvas" width="200" height="200"></canvas> |
64 </body> | 64 </body> |
65 </html> | 65 </html> |
OLD | NEW |