| 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 } |
| 11 .border { | 11 .border { |
| 12 border: 1px solid black; | 12 border: 1px solid black; |
| 13 } | 13 } |
| 14 </style> | 14 </style> |
| 15 <script src="../../resources/run-after-display.js"></script> |
| 15 <script> | 16 <script> |
| 16 if (window.testRunner) | 17 if (window.testRunner) |
| 17 testRunner.overridePreference("WebKitWebGLEnabled", "1"); | 18 testRunner.overridePreference("WebKitWebGLEnabled", "1"); |
| 18 | 19 |
| 19 function initWebGL() | 20 function initWebGL() |
| 20 { | 21 { |
| 21 var canvas = document.getElementById('canvas'); | 22 var canvas = document.getElementById('canvas'); |
| 22 var gl = canvas.getContext("experimental-webgl", {'antialias': false}); | 23 var gl = canvas.getContext("experimental-webgl", {'antialias': false}); |
| 23 if (!gl) { | 24 if (!gl) { |
| 24 alert("No WebGL context found"); | 25 alert("No WebGL context found"); |
| 25 return null; | 26 return null; |
| 26 } | 27 } |
| 27 | 28 |
| 28 return gl; | 29 return gl; |
| 29 } | 30 } |
| 30 | 31 |
| 31 var gl = null; | 32 var gl = null; |
| 32 | 33 |
| 33 function init() | 34 function init() |
| 34 { | 35 { |
| 35 gl = initWebGL(); | 36 gl = initWebGL(); |
| 36 gl.viewport(0, 0, 200, 200); | 37 gl.viewport(0, 0, 200, 200); |
| 37 gl.clearColor(1, 0, 0, 1); // red | 38 gl.clearColor(1, 0, 0, 1); // red |
| 38 gl.clear(gl.COLOR_BUFFER_BIT); | 39 gl.clear(gl.COLOR_BUFFER_BIT); |
| 39 if (window.testRunner) { | 40 if (window.testRunner) { |
| 40 testRunner.display(); | 41 testRunner.waitUntilDone(); |
| 41 testRunner.dumpAsTextWithPixelResults(); | 42 testRunner.dumpAsTextWithPixelResults(); |
| 42 drawGreen(); | 43 } |
| 43 } else | 44 runAfterDisplay(drawGreen); |
| 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.notifyDone(); |
| 53 testRunner.display(); | |
| 54 } else | 53 } else |
| 55 window.setInterval(function() { | 54 window.setInterval(function() { |
| 56 document.getElementById('canvas').classList.toggle('border'); | 55 document.getElementById('canvas').classList.toggle('border'); |
| 57 }, 50); | 56 }, 50); |
| 58 } | 57 } |
| 59 | 58 |
| 60 </script> | 59 </script> |
| 61 </head> | 60 </head> |
| 62 <body onload="init()"> | 61 <body onload="init()"> |
| 63 <canvas id="canvas" width="200" height="200"></canvas> | 62 <canvas id="canvas" width="200" height="200"></canvas> |
| 64 </body> | 63 </body> |
| 65 </html> | 64 </html> |
| OLD | NEW |