forked from wwwtyro/Astray
-
Notifications
You must be signed in to change notification settings - Fork 1
/
game.html
143 lines (120 loc) · 4.93 KB
/
game.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
<html>
<head>
<meta charset="UTF-8">
<script src='libraries/Box2dWeb.js'></script>
<script src="libraries/three.min.js"></script>
<script src="libraries/keyboard.js"></script>
<script src="libraries/jquery.js"></script>
<script src="libraries/jquery.pietimer.min.js"></script>
<script src="libraries/lodash.js"></script>
<script src="atmosphere.js"></script>
<script src="pcg/growingTree.js"></script>
<script src="pcg/astar.js"></script>
<script src="maze.js"></script>
<script src="gameElements/player.js"></script>
<script src="gameElements/enemy.js"></script>
<script src="gameElements/chests.js"></script>
<script src="gameElements/maze_new.js"></script>
<script src="gameElements/ground.js"></script>
<script src="sceneElements/camera.js"></script>
<script src="sceneElements/lighting.js"></script>
<script src="sceneElements/sound.js"></script>
<script src="sceneElements/timer.js"></script>
<script src="sceneElements/textField.js"></script>
<script src="controls.js"></script>
<script src="gameLoop.js"></script>
<script src="game.js"></script>
<script src="index.js"></script>
<link rel="stylesheet" type="text/css" href="game.css">
</head>
<body>
<!-- Annotation Modal -->
<div id="annotationModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<p>Please conduct the video annotation. Thanks!</p>
<button onclick="handleAnnotation()">I did the annotation!</button>
</div>
</div>
<div id="videoReminderModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<p>Please start the video recording. Thanks!</p>
<button onclick="handleVideoReminder()">I started the video!</button>
</div>
</div>
<!-- Thanks Modal -->
<div id="thanksModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<p>Thanks for playing!</p>
</div>
</div>
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<p>Please compare this maze to the maze before.</p>
Did you enjoy this maze more or less than the maze before?<br><br>
<form id="radio1">
<input type="radio" name="fun" value="morefun"> More fun
<input type="radio" checked="checked" name="fun" value="samefun"> Same
<input type="radio" name="fun" value="lessfun"> Less fun
</form>
<br>
Do you think the last maze was (slightly) more difficult than the maze before?<br><br>
<form id="radio2">
<input type="radio" name="difficulty" value="morediff"> More difficult
<input type="radio" checked="checked" name="difficulty" value="samediff"> Same
<input type="radio" name="difficulty" value="lessdiff"> Less difficult
</form>
<br>
<input type="button" onclick="handleData()" id="formData" value="Submit & Proceed">
</div>
</div>
<!-- 5 Seconds Countdown -->
<div id="jump_scare">
<img style="height:100vh; width:100vw;" src="assets/clown.gif">
</div>
<div id="jump_scare2">
<img style="height:100vh; width:100vw;" src="assets/jumpScare.png">
</div>
<div id="jump_scare3">
<img style="height:100vh; width:100vw;" src="assets/baby.gif">
</div>
<div id="jump_scare4">
<img style="height:100vh; width:100vw;" src="assets/troll.gif">
</div>
<div id="jump_happy">
<img style="height:100vh; width:100vw;" src="assets/cat_massage.gif">
</div>
<div id="jump_happy2">
<img style="height:100vh; width:100vw;" src="assets/cat_milk.gif">
</div>
<div id="jump_happy3">
<img style="height:100vh; width:100vw;" src="assets/cat_sit.gif">
</div>
<div id="jump_happy4">
<img style="height:100vh; width:100vw;" src="assets/panda_jamesbond.gif">
</div>
<div id="cookies">
<img style="width:800px;" src="assets/cookies.png">
</div>
<div id="textFieldContainer">
<span id="textField"></span>
</div>
<div id="five_second_timer">
<span id="five_second_timer_text"></span>
</div>
<div id="timer">
<span id="timerText"></span>
</div>
<div id="pietimer">
</div>
<div id="pietimer2">
</div>
<div id="confirmationPopup">
<button id="confirmationButton" onclick="confirmLevel()">Nur klicken wenn du die Umfrage für dieses Level ausgefüllt hast!</button>
</div>
</body>
</html>