-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (63 loc) · 2.94 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
<!DOCTYPE html>
<html>
<head>
<title>snake</title>
<link rel="stylesheet" href="css/style.css">
<!---MAIN--->
<script src="js/node.js"></script>
<script src="js/main.js"></script>
<!---MODEL--->
<script src="js/model/global_var.js"></script>
<script src="js/model/music.js"></script>
<script src="js/model/snake.js"></script>
<script src="js/model/game.js"></script>
<script src="js/model/food.js"></script>
<script src="js/model/poison.js"></script>
<!---VIEW--->
<script src="js/view/help.js"></script>
<script src="js/view/grid.js"></script>
<script src="js/view/menu_screens.js"></script>
<script src="js/view/hide.js"></script>
<!---CONTROLLER--->
<script src="js/controller/game.js"></script>
<script src="js/controller/music_controls.js"></script>
<script src="js/controller/click.js"></script>
<script src="js/controller/global_var.js"></script>
</head>
<body style="background-color: #555555;">
<!-- MAIN MENU -->
<img id="title_snake" style="display:none;" src="img/title_snake.png" width="800">
<div class="buttons">
<img id="button_single" onclick="game_singleplayer()" style="display:none;" src="img/button_single.png">
<!-- <img id="button_multi" onclick="game_multiplayer()" style="display:none;" src="img/button_multi.png"> -->
</div>
<div>
<img id="how_to_play" onclick="show_how_to_play()" style="display:none;" height="100" src="img/how_to_play.png">
<img id="settings" onclick="show_settings()" style="display:none;" height="100"
src="img/settings_dark_dray.png">
</div>
<!-- BACK BUTTON -->
<img id="back" style="display: none;" onclick="draw_menu()" width="100" src="img/back.png">
<!-- INSTRUCTIONS -->
<img id="controls" style="display:none;" width="700" src="img/controls.png">
<!-- SETTINGS -->
<div>
<img class="sound_controls_buttons" id="music_on" width="450" onclick="turn_music_off()" style="display:none;"
src="img/music_on.png">
<img class="sound_controls_buttons" id="music_off" width="450" onclick="turn_music_on()" style="display:none;"
src="img/music_off.png">
<img class="sound_controls_buttons" id="sound_on" width="450" onclick="turn_sound_off()" style="display:none;"
src="img/sound_on.png">
<img class="sound_controls_buttons" id="sound_off" width="450" onclick="turn_sound_on()" style="display:none;"
src="img/sound_off.png">
</div>
<!-- CANVAS -->
<canvas id="myCanvas" width="1200" height="700" style="border:1px solid #d3d3d3; display:none;">no canvas
:(</canvas>
<h1 id="score" style="fill: #d3d3d3; display:none;">0</h1>
<!-- DEATH -->
<img id="dead" width="550" onclick="draw_menu()" style="display:none;"
src="img/dead.png">
<h1 id="dead_text" style="display:none;">THIS TEXT SHOULD NOT BE VISIBLE</h1>
</body>
</html>