blob: f5167b0c8b636e19724a48816ff02078b2ef064c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
|
<!DOCTYPE html>
<html>
<!--
Copyright (c) 2013 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<head>
<meta charset="UTF-8">
<title>Voronoi</title>
<script type="text/javascript" src="example.js"></script>
<link href="/static/common.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="absolute-fill">
<div class="flex-container">
<div class="main absolute-fill-parent">
<div class="absolute-fill">
<div class="flex-container flex-column flex-justify-center">
<div id="message">
<div id="statusField"></div>
<progress id="progress"></progress>
</div>
</div>
</div>
<div id="listener" class="absolute-fill"></div>
</div>
<div class="sidebar">
<h1>Voronoi</h1>
<p>
This demo renders the Voronoi diagram for a moving set of points using
a brute force technique.
</p>
<table id="config">
<tbody>
<tr>
<td class="name">Points:</td>
<td class="value">
<input type="range" id="pointRange"
min="1" max="1024" step="1" value="48">
<label id="pointCount">48 points</label>
</td>
</tr>
<tr>
<td class="name">Thread Count:</td>
<td class="value">
<select id="threadCount">
<option value="0">Main Thread only</option>
<option value="1">1 Thread</option>
<option value="2" selected="selected">2 Threads</option>
<option value="4">4 Threads</option>
<option value="6">6 Threads</option>
<option value="8">8 Threads</option>
<option value="12">12 Threads</option>
<option value="24">24 Threads</option>
<option value="32">32 Threads</option>
</select>
</td>
</tr>
<tr>
<td class="name"><label for="drawPoints">Draw Points:</label></td>
<td class="value">
<input type="checkbox" id="drawPoints" checked="checked">
</td>
</tr>
<tr>
<td class="name">
<label for="drawInteriors">Draw Interiors:</label>
</td>
<td class="value">
<input type="checkbox" id="drawInteriors" checked="checked">
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
|