JavaScript-Game.-Graphics/index.html at master · greenDev7/JavaScript-Game.-Graphics · 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
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
<!DOCTYPE html>
<htmllang="en">

<head>
<metacharset="UTF-8">
<metahttp-equiv="X-UA-Compatible" content="IE=edge">
<metaname="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Game</title>
<linkrel="preconnect" href="https://fonts.googleapis.com">
<linkrel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- Подключаем шрифт Bangers -->
<linkhref="https://fonts.googleapis.com/css2?family=Bangers&display=swap" rel="stylesheet">
<!-- Подключаем стили -->
<linkrel="stylesheet" href="style.css">
</head>

<body>

<divid="description">Используй клавиши "вверх"/"вниз" для движения игрока и пробел для стрельбы <br>
 При столкновении с рыбкой в желтом шаре - на 10 секунд активируется возможность стрелять одновременно из носа и
 хвоста <br>
 Для победы необходимо за 30 секунд набрать 80 очков
</div>

<canvasid="canvas1"></canvas>

<!-- Characters -->
<imgid="player" src="Assets/player.png">
<imgid="angler1" src="Enemies/angler1.png">
<imgid="angler2" src="Enemies/angler2.png">
<imgid="lucky" src="Enemies/lucky.png">
<imgid="hivewhale" src="Enemies/hivewhale.png">
<imgid="drone" src="Enemies/drone.png">

<!-- Props -->
<imgid="projectile" src="Assets/projectile.png">
<imgid="gears" src="Assets/gears.png">
<imgid="smokeExplosion" src="Collision Animations/smokeExplosion.png">
<imgid="fireExplosion" src="Collision Animations/fireExplosion.png">

<!-- Environment -->
<imgid="layer1" src="Layers/layer1.png">
<imgid="layer2" src="Layers/layer2.png">
<imgid="layer3" src="Layers/layer3.png">
<imgid="layer4" src="Layers/layer4.png">


<scriptsrc="src/Projectile.js"></script>
<scriptsrc="src/Particle.js"></script>

<!-- InputHandler -->
<scriptsrc="src/InputHandler.js"></script>

<!-- Enemies -->
<scriptsrc="src/Enemies/Enemy.js"></script>
<scriptsrc="src/Enemies/Angler1.js"></script>
<scriptsrc="src/Enemies/Angler2.js"></script>
<scriptsrc="src/Enemies/Drone.js"></script>
<scriptsrc="src/Enemies/LuckyFish.js"></script>
<scriptsrc="src/Enemies/HiveWhale.js"></script>

<!-- UI -->
<scriptsrc="src/UI/UI.js"></script>
<scriptsrc="src/UI/Layer.js"></script>
<scriptsrc="src/UI/Background.js"></script>

<!-- Explosions -->
<scriptsrc="src/Explosions/Explosion.js"></script>
<scriptsrc="src/Explosions/SmokeExplosion.js"></script>
<scriptsrc="src/Explosions/FireExplosion.js"></script>

<scriptsrc="src/Player.js"></script>
<scriptsrc="src/Game.js"></script>

<!-- Main script file -->
<scriptsrc="script.js"></script>

</body>

</html>