-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgame.html
135 lines (134 loc) · 4.48 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Wayward Witch</title>
<link rel="stylesheet" href="styles/style.css" />
</head>
<body>
<header>
<a href="index.html" class="header-link">
<h1>Wayward Witch</h1>
<h2>A simple platformer game</h2>
</a>
</header>
<section class="canvas-container">
<canvas id="canvas"></canvas>
<div class="overlay">
<h2>You Died</h2>
<p>Go to the writing center</p>
<button class="button" onclick="window.location.reload()">
Replay
</button>
</div>
</section>
<div class="backgrounds">
<img id="p1" src="spritesheet/background/plx-1.png" />
<img id="p2" src="spritesheet/background/plx-2.png" />
<img id="p3" src="spritesheet/background/plx-3.png" />
<img id="p4" src="spritesheet/background/plx-4.png" />
<img id="p5" src="spritesheet/background/plx-5.png" />
</div>
<section id="works-cited">
<h2>Works Cited</h2>
<section class="works-cited-section">
<h3>Game Assets</h3>
<ul>
<li>
Background Images |
<a target="_blank" href="https://jesse-m.itch.io/jungle-pack"
>jesse-m.itch.io/jungle-pack</a
>
</li>
<li>
Finish Line Sprites |
<a
target="_blank"
href="https://creativekind.itch.io/gif-bloodmoon-tower-free"
>creativekind.itch.io/gif-bloodmoon-tower</a
>
</li>
<li>
Reaper Sprites |
<a
target="_blank"
href="https://darkpixel-kronovi.itch.io/undead-executioner"
>darkpixel-kronovi.itch.io/undead-executioner</a
>
</li>
<li>
Platform Images |
<a target="_blank" href="https://brullov.itch.io/oak-woods"
>brullov.itch.io/oak-woods</a
>
</li>
<li>
Witch Sprites |
<a target="_blank" href="https://9e0.itch.io/witches-pack"
>9e0.itch.io/witches-pack</a
>
</li>
</ul>
</section>
<section class="works-cited-section">
<h3>Sounds</h3>
<ul>
<li>
Sound Effects |
<a
target="_blank"
href="https://gamesupply.itch.io/1000-nintendo-sound-effects/download/eyJleHBpcmVzIjoxNjcwMTI5MDQzLCJpZCI6NTIwMTE0fQ%3d%3d.T5bgOgyFAyEsl5o6msoRVpoHxU0%3d"
>gamesupply.itch.io/1000-nintendo-sound-effects
</a>
</li>
<li>
Background Music |
<a
target="_blank"
href="https://soundcloud.com/maplestory-2/maple-story-music-kerning-city"
>soundcloud.com/maplestory-2/maple-story-music-kerning-city</a
>
</li>
<li>
Super Mario Death Sound |
<a
target="_blank"
href="https://djlunatique.com/super-mario-bros-death-sound-effect"
>djlunatique.com/super-mario-bros-death-sound-effect</a
>
</li>
<li>
Zelda Discovery Sound |
<a target="_blank" href="http://noproblo.dayjo.org/ZeldaSounds/"
>noproblo.dayjo.org/ZeldaSounds</a
>
</li>
</ul>
</section>
<section class="works-cited-section">
<h3>Fonts</h3>
<ul>
<li>
Dark Souls Font |
<a href="https://www.downloadfonts.io/downloads/dark-souls/#google_vignette" target="_blank">www.downloadfonts.io/downloads/dark-souls/</a>
</li>
</ul>
</section>
</section>
<audio id="bg-music" autoplay loop>
<source src="audio/kerning_city_theme.mp3" type="audio/mp3" />
Your browser does not support the audio tag.
</audio>
<!-- <script src="js/preloader.js"></script> -->
<script src="js/buttonSounds.js"></script>
<script src="js/physics.js"></script>
<script src="js/classes/Player.js"></script>
<script src="js/classes/Platform.js"></script>
<script src="js/classes/Background.js"></script>
<script src="js/classes/Finishline.js"></script>
<script src="js/initializeObjects.js"></script>
<script src="index.js"></script>
</body>
</html>