someGame/index.html at main · Azur4ok/someGame · 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
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Workshop game</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
	<audio id="audio">
		<source src="audio/1.mp3">
	</audio>
	<div id="video-bg">
	    <video width="100%" height="auto" preload="auto"  autoplay="true" loop="true" muted="muted" poster="images/bg-poster.png">
	        <source src="images/bg.mp4" type="video/mp4"></source>
	        <source src="images/bg.webm" type="video/webm"></source>
	    </video>
	</div>

	<div id="app">
		<div id="game" class="hide-menu">
			<div id="lifes"></div>

			<div id="options">
				<div id="score">
					Score: <span>0</span>
				</div>
				<div id="sound">
					<img src="images/mute_sound.png">
				</div>
			</div>

			<div id="player" class="skin_1"></div>
		</div>


		<div id="start">
			<button id="song1">Song 1</button>
			<button id="song2">Song 2</button>
			<h2>Выбери игрока</h2>
			<div id="select-player" class="clearfix">
				<span class="selected" id="scin_1">
					<img src="images/player_1.png">
				</span>

				<span id="scin_2">
					<img src="images/player_2.png">
				</span>
			</div>
			<button id="start-btn">Start</button>
		</div>
		<div id="end" class="hide-menu">
			<h2>YOU LOST</h2>
			<h3>SCORE: <span>0</span></h3>
			<button id="reStart-btn">RESTART</button>
		</div>

	</div>

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

</body>
</html>