voronoi_base/ui.html at master · Jach/voronoi_base · GitHub

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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Voronoi base</title>
<style type="text/css">
  body {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  #canvas_wrapper {
    float: left;
    /* there was a border here but for some reason the bottom border was too far bottom by a few pixels.
    Something to investigate later. */
  }

  .clickable {
    cursor: pointer;
  }

  #controls_wrapper {
    float: right;
    border: 1px solid;
  }
</style>

<script type="text/javascript" src="custom_algorithm.js">
</script>
<script type="text/javascript" src="graph_colorizer.js">
</script>
<script type="text/javascript" src="rhill-voronoi-core.js">
</script>
<script type="text/javascript" src="ui.js">
</script>

</head>

<body onload="setup();">

<div id="canvas_wrapper">
  <canvas id="canvas" width="800" height="600"></canvas>
</div>

<div id="controls_wrapper">
  <p><label><input type="radio" id="add_site_points" name="add_or_remove_site_points" checked="checked"/>Add site points</label></p>
  <p><label><input type="radio" id="remove_site_points" name="add_or_remove_site_points"/>Remove site points</label></p>
  <p><button id="clear_site_points">Clear site points (c)</button></p>
  <p><button id="load_preset_1">Load Preset #1 (1)</button></p>
  <p><button id="load_preset_2">Load Preset #2 (2)</button></p>
  <p><button id="run_custom">Run Custom Algorithm (a)</button></p>
  <p><button id="run_fortune">Run Bundled Fortune's Algorithm (f)</button></p>
  <p><label>Offline Mode <input type="checkbox" name="offline_mode" id="offline_mode" /></label></p>
  <p><label>Overlay algorithm graphs <input type="checkbox" name="overlay_graphs" id="overlay_graphs"/></label></p>
  <p><label>Request colorized cells after generation? <input type="checkbox" name="fill_cells_with_color" id="fill_cells_with_color" /></label></p>
</div>

</body>
</html>