side_scrolling_game/index.html at main · jbarsain21/side_scrolling_game · GitHub

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
<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>JavaScript Game</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Bangers&amp;display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <canvas id="canvas1"></canvas>

    <!-- characters -->
    <img id="player" src="assets/player.png">
    <img id="angler1" src="assets/angler1.png">
    <img id="angler2" src="assets/angler2.png">
    <img id="lucky" src="assets/lucky.png">
    <img id="hivewhale" src="assets/hivewhale.png">
    <img id="drone" src="assets/drone.png">
    <img id="bulbwhale" src="assets/bulbwhale.png">
    <img id="moonfish" src="assets/moonfish.png">
    <img id="stalker" src="assets/stalker.png">
    <img id="razorfin" src="assets/razorfin.png">


    <!-- props -->
    <img id="projectile" src="assets/projectile.png">
    <img id="gears" src="assets/gears.png">
    <img id="smokeExplosion" src="assets/smokeExplosion.png">
    <img id="fireExplosion" src="assets/fireExplosion.png">
    <img id="shield" src="assets/shield.png">
    <img id="fireball" src="assets/fireball.png">

    <!-- environment -->
    <img id="layer1" src="assets/layer1.png">
    <img id="layer2" src="assets/layer2.png">
    <img id="layer3" src="assets/layer3.png">
    <img id="layer4" src="assets/layer4.png">

    <!-- sounds -->
    <audio id="powerup" src="assets/powerup.wav"></audio>
    <audio id="powerdown" src="assets/powerdown.wav"></audio>
    <audio id="explosion" src="assets/explosion.wav"></audio>
    <audio id="shot" src="assets/shot.wav"></audio>
    <audio id="hit" src="assets/hit.wav"></audio>
    <audio id="shieldSound" src="assets/shield.wav"></audio>

    <script src="script.js"></script>

</body></html>