forked from ewiigno/ewiigno.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (51 loc) · 2.57 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="mystyle.css">
<title>Box Corrector</title>
</head>
<body>
<h1 id="heading">Correct the Box</h1>
<p id="tutorial">Drag the corners to their correct position. Corners are either freely movable, movable along an axis or not movable.<br>
Click the "Check Box" button to get a score. (The score only gives a rough indication. A score that is bad for one box might be good for another)</p>
<div id="settings">
<div id="settings0">
<p><b>active settings</b><br>(click to change)</p>
</div>
<div id="settingsVPs">
<p>VPs</p>
<button type="button" id="settingsVPsButton" onclick="swapSettingsVPsButtonValue()">---</button>
</div>
<div id="settingsDistortion">
<p>distortion</p>
<button type="button" id="settingsDistortionButton" onclick="swapSettingsDistortionButtonValue()">---</button>
</div>
<div id="settingsBoxes">
<p>boxes</p>
<button type="button" id="settingsBoxesButton" onclick="swapSettingsBoxesButtonValue()">---</button>
</div>
</div>
<div id="leftButtons">
<div id="scoreText">
<p id="scoreLinesText"></p>
<p id="scoreCornersText"></p>
<p id="scoreStepsText"></p>
</div>
<button type="button" id="checkBoxButton" onclick="checkBox()">Check Box</button>
<button type="button" id="showLinesButton" onclick="showLines()">show lines</button>
<button type="button" id="thickLinesButton" onclick="thickLines()">thick lines</button>
<div id="whichBoxButtons">
<button type="button" id="showEditableBoxButton" class="buttonSelected" onclick="showEditableBox()">edit box</button>
<button type="button" id="showInitialBoxButton" class="buttonNotSelected" onclick="showInitialBox()">show initial box</button>
<button type="button" id="showSolutionButton" class="buttonNotSelected" onclick="showSolution()">show solution</button>
<button type="button" id="showAtLastCheckButton" class="buttonNotSelected" onclick="showAtLastCheck()">show [1] check earlier (use [a] / [d])</button>
</div>
<button type="button" id="newBoxButton" onclick="newBox()">New Box</button>
</div>
<canvas id="myCanvas" width="900" height="900"></canvas>
<script src="scripts/boxGenerator.js"></script>
<script src="scripts/boxDrawer.js"></script>
<script src="scripts/main.js"></script>
</body>
</html>