diff options
Diffstat (limited to 'third_party/webkit/PerformanceTests/MotionMark/developer.html')
| -rw-r--r-- | third_party/webkit/PerformanceTests/MotionMark/developer.html | 175 |
1 files changed, 175 insertions, 0 deletions
diff --git a/third_party/webkit/PerformanceTests/MotionMark/developer.html b/third_party/webkit/PerformanceTests/MotionMark/developer.html new file mode 100644 index 0000000000..d7387a0e48 --- /dev/null +++ b/third_party/webkit/PerformanceTests/MotionMark/developer.html @@ -0,0 +1,175 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, user-scalable=no"> + + <title>MotionMark 1.0 - developer</title> + + <link rel="stylesheet" href="resources/runner/animometer.css"> + <link rel="stylesheet" href="resources/debug-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" charset="utf-8"></script> + <script src="resources/debug-runner/tests.js" charset="utf-8"></script> + <script src="resources/runner/animometer.js"></script> + <script src="resources/debug-runner/animometer.js" charset="utf-8"></script> + + <script src="resources/runner/benchmark-runner.js"></script> + <script src="resources/debug-runner/d3.min.js"></script> + <script src="resources/debug-runner/graph.js" charset="utf-8"></script> +</head> +<body class="showing-intro"> + <main> + <section id="intro" class="selected"> + <h1>MotionMark</h1> + <div class="body"> + <div> + <div id="suites"> + <h2>Suites:</h2> + <ul class="tree"></ul> + <div><span id="drop-target">Drop results here</span></div> + </div> + <div id="options"> + <h2>Options:</h2> + <form name="benchmark-options"> + <ul> + <li> + <label>Test length: <input type="number" id="test-interval" value="30"> seconds each</label> + </li> + <li> + <h3>Display:</h3> + <ul> + <li><label><input name="display" type="radio" value="minimal" checked> Minimal</label></li> + <li><label><input name="display" type="radio" value="progress-bar"> Progress bar</label></li> + </ul> + </li> + <li> + <h3>Tiles:</h3> + <ul> + <li><label><input name="tiles" type="radio" value="big" checked> Big tiles</label></li> + <li><label><input name="tiles" type="radio" value="classic"> Classic tiles (512x512)</label></li> + </ul> + </li> + <li> + <h3>Adjusting the test complexity:</h3> + <ul> + <li><label><input name="controller" type="radio" value="fixed"> Keep at a fixed complexity</label></li> + <li><label><input name="controller" type="radio" value="step"> Keep at a fixed complexity, then make a big step</label></li> + <li><label><input name="controller" type="radio" value="adaptive"> Maintain target FPS</label></li> + <li><label><input name="controller" type="radio" value="ramp" checked> Ramp</label></li> + <li><label><input name="controller" type="radio" value="ramp30"> Ramp @ 30fps</label></li> + </ul> + </li> + <li> + <label>Target frame rate: <input type="number" id="frame-rate" value="50"> FPS</label> + </li> + <li> + <h3>Kalman filter estimated error:</h3> + <ul> + <li><label>Process error (Q): <input type="number" id="kalman-process-error" value="1"></label></li> + <li><label>Measurement error (R): <input type="number" id="kalman-measurement-error" value="4"></label></li> + </ul> + </li> + <li> + <h3>Time measurement method:</h3> + <ul> + <li><label><input name="time-measurement" type="radio" value="performance" checked> <code>performance.now()</code> (if available)</label></li> + <li><label><input name="time-measurement" type="radio" value="raf"> <code>requestAnimationFrame()</code> timestamp</label></li> + <li><label><input name="time-measurement" type="radio" value="date"> <code>Date.now()</code></label></li> + </ul> + </li> + </ul> + </form> + </div> + </div> + <p>For accurate results, please take the browser window full screen, or rotate the device to landscape orientation.</p> + <div class="start-benchmark"> + <p class="hidden">Please rotate the device to orientation before starting.</p> + <button id="run-benchmark" onclick="benchmarkController.startBenchmark()">Run benchmark</button> + </div> + </div> + </section> + + <section id="test-container"> + <div id="running-test" class="frame-container"></div> + <div id="progress"> + <div id="progress-completed"></div> + </div> + </section> + + <section id="results"> + <div class="body"> + <h1>MotionMark score</h1> + <div class="detail"> + <span class="small">on a small screen (phone)</span> + <span class="medium">on a medium screen (laptop, tablet)</span> + <span class="large">on a large screen (desktop)</span> + </div> + <p class="score" onclick="benchmarkController.showDebugInfo()"></p> + <p class="confidence"></p> + <div id="results-tables" class="table-container"> + <div> + <table id="results-score"></table> + <table id="results-data"></table> + </div> + <table id="results-header"></table> + </div> + <button onclick="benchmarkController.restartBenchmark()">Test Again</button> + <p> + 'j': Show JSON results<br/> + 's': Select various results for copy/paste (use repeatedly to cycle) + </p> + </div> + </section> + <section id="test-graph"> + <div class="body"> + <header> + <button onclick="benchmarkController.showResults()">< Results</button> + <h1>Graph:</h1> + <p class="score"></p> + <p class="confidence"></p> + </header> + <nav> + <form name="graph-type"> + <ul> + <li><label><input type="radio" name="graph-type" value="time"> Time graph</label></li> + <li><label><input type="radio" name="graph-type" value="complexity" checked> Complexity graph</label></li> + </ul> + </form> + <form name="time-graph-options"> + <ul> + <li><label><input type="checkbox" name="markers" checked> Markers</label> + <span>time: <span class="time"></span></span></li> + <li><label><input type="checkbox" name="averages" checked> Averages</label></li> + <li><label><input type="checkbox" name="complexity" checked> Complexity</label> + <span class="complexity"></span></li> + <li><label><input type="checkbox" name="rawFPS" checked> Raw FPS</label> + <span class="rawFPS"></span></li> + <li><label><input type="checkbox" name="filteredFPS" checked> Filtered FPS</label> + <span class="filteredFPS"></span></li> + <li><label><input type="checkbox" name="regressions" checked> Regressions</label></li> + </ul> + </form> + <form name="complexity-graph-options"> + <ul class="series"> + <li><label><input type="checkbox" name="series-raw" checked> Series raw</label></li> + <li><label><input type="checkbox" name="series-average"> Series average</label></li> + </ul> + <ul> + <li><label><input type="checkbox" name="regression-time-score"> Controller score</label></li> + <li><label><input type="checkbox" name="bootstrap-score" checked> Bootstrap score and histogram</label></li> + <li><label><input type="checkbox" name="complexity-regression-aggregate-raw" checked> Regression, series raw</label><span id="complexity-regression-aggregate-raw"></span></li> + <li><label><input type="checkbox" name="complexity-regression-aggregate-average"> Regression, series average</label><span id="complexity-regression-aggregate-average"></span></li> + </ul> + </form> + </nav> + <div id="test-graph-data"></div> + </div> + </section> + </main> +</body> +</html> |