-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (75 loc) · 4.25 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
90
91
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<nav>Dronograph</nav>
<div class="center-column">
<div class="content-box">
<div id="spiro-control">
<div>
<label for="stator-radius">Stator radius</label>
<input id="stator-radius" type="number" value="200" min="0"/>
</div>
<div id="rotors-div">
<div id="rotors">
<label for="radius-input">Rotors</label>
<!-- Rotors added in javascript -->
</div>
<button id="add-rotor">Add rotor</button>
</div>
<label for="pen-radius">Pen radius</label>
<input id="pen-radius" type="number" placeholder="pen radius" value="38"/>
<label for="sample-radius" title="number of points to output. FlyLitchi can handle a maximum of 99 per mission">
# Sample Points
<input id="sample-points" type="number" placeholder="# sample points" value="300"/>
</label>
<label for="start-segment" title="Start of segment to draw and output">
Start segment degrees
<input id="start-segment" type="number" value="0"/>
</label>
<label for="end-segment" title="End of segment to draw and output. Default to 2 full rotations of the main rotor">
End segment degrees
<input id="end-segment" type="number" value="720"/>
</label>
<select id="draw-speed" title="Animation speed, one loop of main rotor in 10, 5 or 1 second">
<option value="10">Slow</option>
<option value="5" selected>Medium</option>
<option value="1">Fast</option>
</select>
<button id="start-animation">Animate</button>
<button id="draw-completely">Show</button>
<div id="output-container">
<label for="center-lat-long" title="Comma separated latitude and longitude of center in decimal notation">Lat, Long</label>
<input id="center-lat-long" value="30.506010,-98.818144"/>
<label for="scale-radius" title="Distance in real world from the center to the point where the pen starts">
Real scale of radius (meters)
<input id="scale-radius" type="number" value='50'/>
</label>
<label for="altitude" title="Actual altitude is controlled by 'default altitude' in Autopilot">Altitude* (meters)
<input id="altitude" type="number" value='50'/>
</label>
<button id="make-kml" title="Generates kml in relativeToGround altitude mode">KML</button>
<button id="make-csv" title="Generates csv. Recommended for FlyLitchi as csv altitude mode is relative to start point">CSV</button>
</div>
</div>
<div id="canvas-wrapper">
<canvas id="canvas-static" height="800" width="800"></canvas>
<canvas id="canvas-refreshing" height="800" width="800"></canvas>
</div>
</div>
</div>
<div class="footer">
<div>Checkout out the
<a href="https://github.com/parkertimmins/dronograph" target="_blank">README</a>
to learn how to use Dronongraph
</div>
<div>This tool is based on
<a href="http://www.seedcode.com/SpirographN/sgn.html" target="_blank">SpirographN</a>
</div>
</div>
<script src="simple_generator.js"></script>
</body>
</html>