-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
176 lines (163 loc) · 7.73 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html>
<head>
<title>Autos - A programming game in Javascript</title>
<meta rel="description" content="In Autos, you have to code you way through challenges. All using Javascript! Deliver vehicles, pick up passengers, win the game!" />
<!-- Vendor scripts -->
<!-- code-mirror editor -->
<script src="vendor/code-mirror/lib/codemirror.js"></script>
<link rel="stylesheet" href="vendor/code-mirror/lib/codemirror.css" />
<link rel="stylesheet" href="vendor/code-mirror/theme/duotone-light.css" />
<link rel="stylesheet" href="vendor/code-mirror/addon/lint/lint.css" />
<script src="vendor/code-mirror/mode/javascript/javascript.js"></script>
<script src="vendor/jshint-2-9-5.min.js"></script>
<script src="vendor/code-mirror/addon/lint/lint.js"></script>
<script src="vendor/code-mirror/addon/lint/javascript-lint.js"></script>
<script type="text/javascript" src="js/LinkWriter.js"></script>
<script type="text/javascript" src="js/Modals.js"></script>
<script type="text/javascript" src="js/IDGenerator.js"></script>
<script type="text/javascript" src="js/Util.js"></script>
<script type="text/javascript" src="js/Vector2.js"></script>
<script type="text/javascript" src="js/Errors/CommandError.js"></script>
<script type="text/javascript" src="js/Errors/ImplementationError.js"></script>
<script type="text/javascript" src="js/Errors/LexicalError.js"></script>
<script type="text/javascript" src="js/Logger.js"></script>
<script type="text/javascript" src="js/Events/GameEventManager.js"></script>
<script type="text/javascript" src="js/Events/GameEvent.js"></script>
<script type="text/javascript" src="js/GameObjects/GameObject.js"></script>
<script type="text/javascript" src="js/GameObjects/PassengerGO.js"></script>
<script type="text/javascript" src="js/GameObjects/RoadGO.js"></script>
<script type="text/javascript" src="js/GameObjects/VehicleGO.js"></script>
<script type="text/javascript" src="js/GameObjects/CityGO.js"></script>
<script type="text/javascript" src="js/GameObjects/Level.js"></script>
<script type="text/javascript" src="js/GameObjects/GameStats.js"></script>
<script type="text/javascript" src="js/GameController.js"></script>
<script type="text/javascript" src="js/InterfaceObjects/GameInterface.js"></script>
<script type="text/javascript" src="js/InterfaceObjects/Game.js"></script>
<script type="text/javascript" src="js/InterfaceObjects/Passenger.js"></script>
<script type="text/javascript" src="js/InterfaceObjects/Road.js"></script>
<script type="text/javascript" src="js/InterfaceObjects/Vehicle.js"></script>
<script type="text/javascript" src="js/InterfaceObjects/City.js"></script>
<script type="text/javascript" src="js/Autos.js"></script>
<script>
window.onload = function (){
let game = new Autos();
game.Setup();
};
</script>
<link rel="stylesheet" href="css/fonts.css" />
<link rel="stylesheet" href="css/game.css" />
</head>
<body>
<!-- <body class="modal-on"> -->
<div id="game">
<h1>Autos</h1>
<h5>A programming game in Javascript (made with Javascript)</h5>
<section id="top-bar">
<div id="description">
<h1></h1>
<h3></h3>
</div>
<div id="progress-buttons">
<img class="legend" src="img/legend.png" />
<div class="buttons">
<small class="pull-right">
Action Buttons
       <!-- hack -->
<br /><br />
</small>
<div>
<button id="btn-start" class="primary" onclick="Autos.Instance().Start();">Start</button>
<button id="btn-reset" disabled onclick="Autos.Instance().Reset();">Reset</button>
</div>
<div class="speed-buttons" id="btns-speed">
<button disabled class="primary" onclick="Autos.Instance().SetSpeed(1, this);">1x</button>
<button disabled onclick="Autos.Instance().SetSpeed(2, this);">2x</button>
<button disabled onclick="Autos.Instance().SetSpeed(4, this);">4x</button>
<button disabled onclick="Autos.Instance().Pause(this)">Pause</button>
</div>
</div>
</div>
</section>
<section id="left-block">
<div id="game-area">
<canvas></canvas>
</div>
<div id="event-log"></div>
</section>
<section id="right-block">
<div id="code-area"><textarea id="code-editor"></textarea></div>
<div id="help">
<p>
<strong>Need Help?</strong> Here are some tips. ↓ <small><a target="_blank" class="pull-right" href="docs/index.html">Full documentation here.</a></small>
</p>
<ul id="help-content"></ul>
</div>
</section>
<!-- section id="full-docs"><iframe style="width:100%; height: 500px;" src="docs/documentacao.html"></iframe></section -->
</div>
<section id="modals">
<!-- Error modal -->
<div class="modal modal-error" id="modal-error">
<div class="modal-header">There was an error in your code! :(</div>
<div class="modal-body">
<p id="error-line" class="text-error">
<strong>ImplementationError</strong>: in function for event: 'idle' (line: 5, column: 25) -> ReferenceError: a is not defined
</p>
<p>
You can check the log below for more info or, for even more info, check the browser's console in developer tools (F12).
</p>
<p>
<small>Is this a bug? Report <a target="_blank" href="https://github.com/Eitz/autos/issues">here</a>.</small>
</p>
</div>
<div class="modal-footer">
<button onclick="Modals.hide(); Autos.Instance().Reset();">Close and Reset Autos</button>
<button onclick="Modals.hide();" class="primary">Close</button>
</div>
</div>
<!-- Defeat modal -->
<div class="modal modal-defeat" id="modal-defeat">
<div class="modal-header">Oh! No! You lost this challenge. :(</div>
<div class="modal-body">
<p id="modal-description-defeat" class="text-error"></p>
<p>
<small>Is this a bug? Report <a target="_blank" href="https://github.com/Eitz/autos/issues">here</a>.</small>
</p>
</div>
<div class="modal-footer">
<button onclick="Modals.hide(); Autos.Instance().Reset();" class="primary">Try again</button>
</div>
</div>
<!-- Victory modal -->
<div class="modal modal-victory" id="modal-victory">
<div class="modal-header">Yeah! You won this challenge! :D</div>
<div class="modal-body">
<p id="modal-description-victory" class="text-success"></p>
</div>
<div class="modal-footer">
<button onclick="Modals.hide(); Autos.Instance().Reset();">Replay this challenge</button>
<button onclick="Modals.hide(); Autos.Instance().Next();" class="primary">Go to next challenge!</button>
</div>
</div>
<!-- End modal -->
<div class="modal modal-end" id="modal-end">
<div class="modal-header">Congratulations. <br />You've conquered all challenges in Autos!</div>
<div class="modal-body">
<p id="modal-description-victory">
You should feel proud! Now go to the world and tell your friends about the game!
<br /><br />
Or, what about telling me how was your experience with it? Did you find any bugs? Did you like it? Would you change something?
<br /><br />
You can report bugs <a target="_blank" href="https://github.com/Eitz/autos/issues">here</a>!</small>
Or get in contact on my twitter <a target="_blank" href="https://twitter.com/RichardEitz">@RichardEitz</a></small>
</p>
<p class="text-success">Whatever you do, thanks for playing!</p>
</div>
<div class="modal-footer">
<button onclick="Modals.hide(); Autos.Instance().Reset();">Replay the last challenge</button>
</div>
</div>
</section>
</body>
</html>