Refactor tune() to not return the complexity of the scene.
[WebKit-https.git] / PerformanceTests / Animometer / developer.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <title>Animometer - developer</title>
5     <meta name="viewport" content="width=device-width, user-scalable=no">
6     <link rel="stylesheet" href="resources/runner/animometer.css">
7     <link rel="stylesheet" href="resources/debug-runner/animometer.css">
8     <script src="resources/strings.js"></script>
9     <script src="resources/extensions.js"></script>
10
11     <script src="resources/runner/tests.js" charset="utf-8"></script>
12     <script src="resources/debug-runner/tests.js" charset="utf-8"></script>
13     <script src="resources/runner/animometer.js" charset="utf-8"></script>
14     <script src="resources/debug-runner/animometer.js"></script>
15
16     <script src="resources/runner/benchmark-runner.js"></script>
17     <script src="resources/debug-runner/d3.min.js"></script>
18     <script src="resources/debug-runner/graph.js"></script>
19 </head>
20 <body>
21     <main>
22         <hr>
23         <section id="intro" class="selected">
24             <h1>Animometer</h1>
25             <div>
26                 <div id="suites">
27                     <h2>Suites:</h2>
28                     <ul class="tree"></ul>
29                 </div>
30                 <div id="options">
31                     <h2>Options:</h2>
32                     <form name="benchmark-options">
33                     <ul>
34                     <li>
35                         <label>Test length: <input type="number" id="test-interval" value="10"> seconds each</label>
36                     </li>
37                     <li>
38                         <h3>Display:</h3>
39                         <ul>
40                             <li><label><input name="display" type="radio" value="minimal" checked> Minimal</label></li>
41                             <li><label><input name="display" type="radio" value="progress-bar" checked> Progress bar</label></li>
42                         </ul>
43                     </li>
44                     <li>
45                         <h3>Adjusting the test complexity:</h3>
46                         <ul>
47                             <li><label><input name="adjustment" type="radio" value="step"> Keep at a fixed complexity, then make a big step</label></li>
48                             <li><label><input name="adjustment" type="radio" value="adaptive" checked> Maintain target FPS</label></li>
49                         </ul>
50                     </li>
51                     <li>
52                         <label>Target frame rate: <input type="number" id="frame-rate" value="50"> FPS</label>
53                     </li>
54                     <li>
55                         <h3>Kalman filter estimated error:</h3>
56                         <ul>
57                             <li><label>Process error (Q): <input type="number" id="kalman-process-error" value="1"></label></li>
58                             <li><label>Measurement error (R): <input type="number" id="kalman-measurement-error" value="4"></label></li>
59                         </ul>
60                     </li>
61                     <li>
62                         <h3>Time measurement method:</h3>
63                         <ul>
64                             <li><label><input name="time-measurement" type="radio" value="performance" checked> <code>performance.now()</code></label></li>
65                             <li><label><input name="time-measurement" type="radio" value="date"> <code>Date.now()</code></label></li>
66                         </ul>
67                     </li>
68                     </ul>
69                     </form>
70                 </div>
71             </div>
72             <button onclick="benchmarkController.startBenchmark()">Start Test</button>
73         </section>
74         <section id="test-container">
75             <div id="running-test" class="frame-container"></div>
76             <div id="progress">
77                 <div id="progress-completed"></div>
78             </div>
79         </section>
80         <section id="results">
81             <h1>Animometer score</h1>
82             <p class="score"></p>
83             <div id="results-tables">
84                 <div>
85                     <table id="results-score"></table>
86                     <table id="results-data"></table>
87                 </div>
88                 <table id="results-header"></table>
89             </div>
90             <div id="results-json">
91                 <button class="small-button" onclick="benchmarkController.showJSONResults()">JSON results</button>
92                 <div class="hidden">
93                     JSON:
94                     <textarea rows=1 onclick="this.focus();this.select()" readonly></textarea>
95                 </div>
96             </div>
97             <button onclick="benchmarkController.startBenchmark()">Test Again</button>
98             <p>'s': Select different data for copy/paste</p>
99         </section>
100         <section id="test-graph">
101             <header>
102                 <button onclick="benchmarkController.showResults()">&lt; Results</button>
103                 <h1>Graph:</h1>
104             </header>
105             <nav>
106                 <form name="graph-options">
107                     <ul>
108                         <li><label><input type="checkbox" name="markers" checked> Markers</label>
109                             <span>time: <span class="time"></span></span></li>
110                         <li><label><input type="checkbox" name="averages" checked> Averages</label></li>
111                         <li><label><input type="checkbox" name="complexity" checked> Complexity</label>
112                             <span class="complexity"></span></li>
113                         <li><label><input type="checkbox" name="rawFPS" checked> Raw FPS</label>
114                             <span class="rawFPS"></span></li>
115                         <li><label><input type="checkbox" name="filteredFPS" checked> Filtered FPS</label>
116                             <span class="filteredFPS"></span></li>
117                     </ul>
118                 </form>
119             </nav>
120             <p class="score"></p>
121             <p class="mean"></p>
122             <div id="test-graph-data"></div>
123         </section>
124         <hr>
125     </main>
126 </body>
127 </html>