| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Animometer</title> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, user-scalable=no"> |
| <link rel="stylesheet" href="resources/runner/animometer.css"> |
| <script src="resources/strings.js"></script> |
| <script src="resources/extensions.js"></script> |
| <script src="resources/statistics.js"></script> |
| |
| <script src="resources/runner/tests.js"></script> |
| <script src="resources/runner/animometer.js"></script> |
| |
| <script src="resources/runner/benchmark-runner.js"></script> |
| </head> |
| <body> |
| <main> |
| <hr> |
| <section id="intro" class="selected"> |
| <h1>Animometer</h1> |
| <p>Animometer is a graphics benchmark that measures a browser’s capability to animate complex scenes at a target frame rate.</p> |
| <p>For accurate results, please take the browser window full screen, or rotate the device to landscape orientation.</p> |
| <div class="orientation-check"> |
| <p class="hidden">Please rotate the device to orientation before starting.</p> |
| <button id="run-benchmark" onclick="benchmarkController.startBenchmark()">Run benchmark</button> |
| </div> |
| </section> |
| <section id="test-container" class="frame-container"> |
| </section> |
| <section id="results"> |
| <h1>Animometer score</h1> |
| <p class="score" onclick="benchmarkController.showDebugInfo()"></p> |
| <div id="results-tables"> |
| <table id="results-score"></table> |
| <table id="results-header"></table> |
| </div> |
| <footer> |
| <button onclick="benchmarkController.startBenchmark()">Test Again</button> |
| </footer> |
| </section> |
| <hr> |
| </main> |
| </body> |
| </html> |
