| 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 |