-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
121 lines (114 loc) · 7.65 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" charset="UTF-8">
<head>
<meta property="og:title" content="Agility Course Maker">
<meta property="og:site_name" content="AgilityCourseMaker.com">
<meta property="og:type" content="website">
<meta property="og:url" content="http://AgilityCourseMaker.com">
<meta property="og:image" content="https://agilitycoursemaker.com/assets/img/opengraphlogo_small.png">
<meta property="og:image" content="https://agilitycoursemaker.com/assets/img/opengraphlogo.png">
<meta property="og:description" content="Free and open source dog agility course design software.">
<title>Agility Course Maker</title>
<link rel="stylesheet" href="assets/css/styles-grids.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-129307079-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-129307079-1');
</script>
</head>
<body onload="main()">
<h1 id="Header"> Agility Course Maker </h1>
<div id="CanvasDiv">
<canvas id="MainCanvas" width="100" height="100" style="border:1px solid #000000;" ></canvas>
<canvas id="MainCanvas2" width="0" height="0" style="border:1px solid #ffffff;" ></canvas>
</div>
<div id="NotesDiv">
Field Width (m):
<input type="text" id="fieldx" value="30" maxlength=4 min = 2><br>
Field Height (m):
<input type="text" id="fieldy" value="30" maxlength=4 min = 2><br>
<button id="UpdateFieldSize" onclick="updateFieldSize()"> Update Field Size </button>
<h3>Notes:</h3>
<textarea id="Notes">Add your notes here.</textarea>
</div>
<div id ="FileMenu">
<h2>File</h2>
<button id="SaveAs" onclick="saveDesign()"> SAVE </button>
<button id="loadFileXml" onclick="document.getElementById('OpenFile').click();">OPEN</button>
<input type="file" accept=".json" style="display:none;" id="OpenFile" name="file" onchange="loadDesign()"/>
<button id="Print" onclick="printDesign()"> PRINT </button>
<button id="ExportImage" onclick="imageDesign()"> IMAGE </button>
<button id="ShareAsLink" onclick="shareAsLink()"> SHARE </button>
<!--
<button disabled id="Export3D" onclick="printDesign()"> EXPORT 3D </button>
//-->
</div>
<div id = "ToolMenu">
<h2>Modify</h2>
<button id="Rotate" onclick="Field.RotateTempEquipment();Field.draw()"> <u>R</u>otate </button>
<button id="Bend" onclick="Field.TunnelRadius();Field.draw()"> Tunnel <u>B</u>end </button>
<button id="Bend" onclick="Field.TunnelLength();Field.draw()"> Tunnel <u>L</u>ength </button>
<button id="Delete" onclick="Field.AddTempEquipment('');Field.draw()"> <u>Del</u>ete </button>
<button id="Tab" onclick="Field.SwitchTempEquipment();Field.draw()"> <u>Tab</u> </button>
<button id="Grid" onclick="if (Field.gridSize == 5){Field.gridSize = 2;} else {Field.gridSize = 5;};Field.draw()"> <u>G</u>rid</button>
<button id="DogsPath" onclick="if (DrawDogsPath == true){DrawDogsPath = false;} else {DrawDogsPath = true;};Field.draw()"> <u>D</u>ogs Path</button>
<h2>Equipment</h2>
<h3><u>C</u>ontacts</h3>
<button id="A-frame" onclick="Field.AddTempEquipment(['Contact',0]);Field.draw()"> A-frame </button>
<button id="DogWalk" onclick="Field.AddTempEquipment(['Contact',1]);Field.draw()"> Dog Walk </button>
<button id="SeeSaw" onclick="Field.AddTempEquipment(['Contact',2]);Field.draw()"> See-Saw </button>
<h3><u>J</u>umps</h3>
<button id="Winged Single Jump" onclick="Field.AddTempEquipment(['Over',0]);Field.draw()"> Jump </button>
<button id="Spread" onclick="Field.AddTempEquipment(['Over',1]);Field.draw()"> Spread </button>
<button id="Tire" onclick="Field.AddTempEquipment(['Over',2]);Field.draw()"> Tire </button>
<h3><u>T</u>hroughs</h3>
<button id="Tunnel" onclick="Field.AddTempEquipment(['Through', 0, 3, (1.309*2).toFixed(3)]) ;Field.draw()"> Tunnel </button>
<button id="Chute" onclick="Field.AddTempEquipment(['Through',1]);Field.draw()"> Chute </button>
<h3><u>W</u>eaves</h3>
<button id="Weaves 6" onclick="Field.AddTempEquipment(['Weave',0]);Field.draw()"> Weaves 6 </button>
<button id="Weaves 9" onclick="Field.AddTempEquipment(['Weave',1]);Field.draw()"> Weaves 9 </button>
<button id="Weaves 12" onclick="Field.AddTempEquipment(['Weave',2]);Field.draw()"> Weaves 12 </button>
<h3><u>N</u>umbers</h3>
<button id="Numbers" onclick="Field.AddTempEquipment(['Numbers',0]);Field.draw()"> Numbers</button>
<h3><u>3</u>D / <u>2</u>D </h3>
<button id="3D" onclick="start3D()"> 3D</button>
<button id="2D" onclick="end3D()"> 2D</button>
</div>
<div id= "Patreon">
<!-- Advert prep.
<a href= mailto:gavbarnett@gmail.com>
<img border="0" alt="Here" src="assets/img/Here.png" width = 100%>
</a>
//-->
<a href="https://www.patreon.com/AgilityCourseMaker">
<img border="0" alt="Patreon" src="assets/img/patreon.png" width = 100%>
</a>
</div>
<div id="Shortcuts">
<h3> Keyboard Controls: </h3>
<p> <b>[C]</b>ontacts, <b>[O]</b>vers/<b>[J]</b>umps, <b>[T]</b>hroughs, <b>[W]</b>eaves, <b>[N]</b>umbers </p>
<p> Tunnels: <b>[L]</b>ength (3m, 4m, 6m), <b>[B]</b>end</p>
<p> <b>[R]</b>otate, <b>[TAB]</b> Cycle through objects, <b>[G]</b>rid (2m/5m)</p>
<p> <b>[ESC]</b> to abandon object, <b>[Click]</b> to place/select object</p>
</div>
<script type="text/javascript" src="assets/js/jQuery.js"></script>
<script type="text/javascript" src="assets/js/three.min.js"></script>
<script type="text/javascript" src="assets/js/WebGL.js"></script>
<script type="text/javascript" src="assets/js/ColladaLoader.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>
<script type="text/javascript" src="assets/js/drawEquipment.js"></script>
<script type="text/javascript" src="assets/js/3DEngine.js"></script>
<script type="text/javascript" src="assets/js/OrbitControls.js"></script>
<footer>
<p>Open Source project under <a href = https://opensource.org/licenses/MIT>MIT License</a></p>
<p>Copyright © 2018 <a href = https://github.com/gavbarnett>Gavin Barnett</a></p>
<p>Code is hosted on <a href = https://github.com/gavbarnett/Dog-Agility-Course-Designer> Github here</a></p>
<a href="https://www.patreon.com/AgilityCourseMaker">
<img border="0" alt="Patreon" src="assets/img/patreon.png" height = "100">
</footer>
</body>
</html>