This repository has been archived by the owner on Jul 21, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
103 lines (85 loc) · 3.02 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
<html>
<head>
<title>Roller coaster</title>
<link rel="icon" type="image/x-icon" href="rc2.ico"/>
<link rel="shortcut icon" type="image/x-icon" href="rc2.ico"/>
<style>
body {
margin: 0;
overflow: hidden;
}
canvas {
width: 100%;
height: 100%;
position: static; /* fixed or static */
}
</style>
<!-- GUI stylesheets -->
<link rel="stylesheet" type="text/css" href="gui/bar.css">
</head>
<body>
<!-- bar at the top -->
<ul id="topBar">
<li id="downButton" onclick="GUI.insertDown()">
<img src="images/slope-down.png" style="width:20px;height:20px;">
</li>
<li id="flatButton" onclick="GUI.flatTrack()">
<img src="images/slope-flat.png" style="width:20px;height:20px;">
</li>
<li id="upButton" onclick="GUI.insertUp()">
<img src="images/slope-up.png" style="width:20px;height:20px;">
</li>
<li id="leftBigButton" onclick="GUI.insertLeftBig()">
<img src="images/turn-left-big.png" style="width:20px;height:20px;">
</li>
<li id="leftSmallButton" onclick="GUI.insertLeftSmall()">
<img src="images/turn-left-small.png" style="width:20px;height:20px;">
</li>
<li id="rightSmallButton" onclick="GUI.insertRightSmall()">
<img src="images/turn-right-small.png" style="width:20px;height:20px;">
</li>
<li id="rightBigButton" onclick="GUI.insertRightBig()" >
<img src="images/turn-right-big.png" style="width:20px;height:20px;">
</li>
<li id="deleteButton" onclick="TRACK.deletePiece()">
<img src="images/Delete_Icon.png" style="width:20px;height:20px;">
</li>
<li id="deleteAllButton" onclick="TRACK.deleteAll()" style="
background: #ff0000;">
<img src="images/Delete_Icon.png" style="width:20px;height:20px;">
</li>
<li id="randomButton" onclick="genRandTrack(10)">
<img src="images/Random.png" style="width:20px;height:20px;">
</li>
</ul>
<ul id="bottomBar" style="bottom: -20px">
<li id="playButton" onclick="play = !play;">
<img src="images/play.png" style="width:20px;height:20px;">
</li>
<li id="reset" onclick="step = 0">
<img src="images/reset.png" style="width:20px;height:20px;">
</li>
</ul>
<div id="canvas"></div>
<!-- Libraries -->
<script src="lib/jquery-2.1.4.js"></script>
<!--script src="lib/dat.gui.js"></script-->
<script src="lib/three.js"></script>
<script src="lib/OrbitControls.js"></script>
<!-- configuration -->
<script src="scripts/index.js"></script>
<script src="scripts/skybox.js"></script>
<!-- constants and global variables -->
<script src="scripts/constant.js"></script>
<!-- debug stuff -->
<!--script src="buttons.js"></script>
<!-- Track Code -->
<script src="scripts/Support.js"></script>
<script src="scripts/Piece.js"></script>
<script src="scripts/Track.js"></script>
<script src="scripts/Cart.js"></script>
<script src="scripts/Curve.js"></script>
<!-- GUI JavaScript -->
<script src="gui/gui.js"></script>
</body>
</html>