1f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)<!DOCTYPE html>
2f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)<html>
3f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  <!--
4f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  Copyright (c) 2013 The Chromium Authors. All rights reserved.
5f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  Use of this source code is governed by a BSD-style license that can be
6f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  found in the LICENSE file.
7f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  -->
8f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  <head>
9f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    <meta charset="UTF-8">
10f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
11f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    <title>Voronoi</title>
12f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
13f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,700">
14f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    <link href="/static/styles/style.css" rel="stylesheet">
15f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
16f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    <script type="text/javascript" src="example.js"></script>
17f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
18f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  </head>
19f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
20f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  <body class="demo">
21f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
22f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    <header>
23f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      <h1>Voronoi</h1>
24f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
25f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    </header>
26f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
27f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    <section>
28f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      <div class="intro">
29f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        <p>
30f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)          This demo renders the <a href="http://en.wikipedia.org/wiki/Voronoi"
31f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)            target="_blank">Voronoi diagram</a> for a moving set of points
32f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)          using a brute force technique.
33f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        </p>
34f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        <p class="note">
35f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)          Note: the C++ source code of this demo is available in the Native Client SDK (<tt>examples/demo/voronoi</tt>).
36f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        </p>
37f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        <p class="note">
38f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)          FPS: <span id="fps">0</span>
39f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        </p>
40f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
41f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        <div class="panel panel-info">
42f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
43f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)          <h2>Controls</h2>
44f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
45f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)          <div class="panel-body">
46f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)            <table id="config" cellspacing="0" cellpadding="0">
47f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)              <tbody>
48f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                <tr>
49f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  <td class="name">Points:</td>
50f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  <td class="value">
51f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                    <input type="range" id="pointRange" min="1" max="1024" step="1" value="48">
52f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                    <label id="pointCount">48 points</label>
53f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  </td>
54f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                </tr>
55f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                <tr>
56f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  <td class="name">Thread Count:</td>
57f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  <td class="value">
58f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                    <select id="threadCount">
59f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                      <option value="0">Main Thread only</option>
60f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                      <option value="1">1 Thread</option>
61f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                      <option value="2" selected="selected">2 Threads</option>
62f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                      <option value="4">4 Threads</option>
63f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                      <option value="6">6 Threads</option>
64f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                      <option value="8">8 Threads</option>
65f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                      <option value="12">12 Threads</option>
66f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                      <option value="24">24 Threads</option>
67f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                      <option value="32">32 Threads</option>
68f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                    </select>
69f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  </td>
70f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                </tr>
71f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                <tr>
72f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  <td class="name"><label for="drawPoints">Draw Points:</label></td>
73f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  <td class="value">
74f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                    <input type="checkbox" id="drawPoints" checked="checked">
75f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  </td>
76f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                </tr>
77f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                <tr>
78f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  <td class="name">
79f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                    <label for="drawInteriors">Draw Interiors:</label>
80f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  </td>
81f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  <td class="value">
82f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                    <input type="checkbox" id="drawInteriors" checked="checked">
83f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  </td>
84f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                </tr>
85f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)              </tbody>
86f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)            </table>
87f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)          </div>
88f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        </div>
89f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      </div>
90f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
91f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      <div class="Demo-body">
92f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
93f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      <div id="listener" class="Demo-content"></div>
94f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    </div>
95f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
96f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    <div id="loading-cover">
97f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        <div id="message">
98f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)          <div id="statusField"></div>
99f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)          <div id="progress" class="progress progress-striped active">
100f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)            <div id="progress-bar" class="progress-bar"  role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
101f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)            </div>
102f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)          </div>
103f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        </div>
104f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      </div>
105f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  </section>
106f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
107f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)</body>
108f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)</html>
109