-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
89 lines (75 loc) · 3.1 KB
/
index.html
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
81
82
83
84
85
86
87
88
89
<!doctype html>
<!--
========================================================================
Point-Region Quadtree
Copyright (C) 2017 Roland Rytz <roland@draemm.li>
Licensed under the GNU Affero General Public License Version 3
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
For more information, see:
https://draemm.li/various/quadtree/LICENSE
========================================================================
-->
<html>
<head>
<meta charset="utf-8">
<title>
Point-Region Quadtree
</title>
<meta name="description" content="A simple implementation of a Point-Region Quadtree in Javascript.">
<meta name="keywords" content="Quadtree, Point-Region Quadtree, PR Quadtree, Quad Tree">
<meta name="author" content="Roland Rytz">
<meta name="robots" content="index, follow">
<meta name="application-name" content="JavaScript Quadtree">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="mobile-web-app-capable" content="yes">
<link href="./style.css?v=2" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<header>
<a id="title" href="./">
<h1>Quadtree</h1>
</a>
<label for="mode">Click action: </label>
<div class="fancyRadio" id="mode">
<input class="fancyRadio" type="radio" value="insert" name="mode" id="mode-insert" checked>
<label class="fancyRadio" for="mode-insert">
Insert
</label>
<input class="fancyRadio" type="radio" value="nearest" name="mode" id="mode-nearest">
<label class="fancyRadio" for="mode-nearest">
Find nearest
</label>
<input class="fancyRadio" type="radio" value="delete" name="mode" id="mode-delete">
<label class="fancyRadio" for="mode-delete">
Find nearest and delete
</label>
</div>
<div class="menuContainer">
<button id="add100PointsButton">Add 100 points</button>
<button id="add1000PointsButton">1k</button>
<button id="add10000PointsButton">10k</button>
<button id="add100000PointsButton">100k</button>
<button id="add1000000PointsButton">1M</button>
</div>
<div class="menuContainer">
<button id="redrawButton">Redraw</button>
<button id="clearButton">Clear</button>
</div>
</header>
<div id="canvasContainer">
<div id="infobox">Depth: 0<br>Points: 0</div>
<canvas id="canvas"></canvas>
</div>
<footer>
<p id="footer">by <a rel="author" target="_blank" href="http://draemm.li">Roland Rytz</a> - Source under the <a target="_blank" rel="license" href="./LICENSE">AGPL v3</a> on <a target="_blank" href="https://github.com/RolandR/quadtree">GitHub</a>.</p>
</footer>
<script type="text/javascript" src="./quadtree.js?v=6"></script>
<script type="text/javascript" src="./quadtreeTest.js?v=4"></script>
</body>
</html>