-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (91 loc) · 4.01 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
93
94
<!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>Juego Pelea</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=Press+Start+2P&family=Racing+Sans+One&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<!--Pantalla 1. Logo intro del juego-->
<div id="pantalla1" class="pantalla">
<div class="diseno1"><img src="img/inicio.png" onclick="screenSwitch(2)"></div>
<div class="button">
<button class="jugar" type="button" onclick="screenSwitch(2)">JUGAR</button>
</div>
</div>
<!--Pantalla 2. Selección personaje-->
<div id="pantalla2" class="pantalla" style="display:none">
<div class="diseno2">
<div class="center">
<div class="characters">
<div class="images">
<div class="up"><p>SHOOT GANGS ONLY!</p></div>
<div class="content">
<div class="face"></div>
<div class="face"><img class="foto" src="img/gangsterA.png" id="1" class="chosen"
onclick="seleccion(1)">
<div class="name"><p>GANG-A</p></div>
</div>
<div class="face"><img class="foto" src="img/gangsterB.png" id="2"
class="chosen" onclick="seleccion(2)">
<div class="name"><p>GANG-B</p></div>
</div>
<div class="face"><img class="foto" src="img/gangsterC.png" id="3"
class="chosen" onclick="seleccion(3)">
<div class="name"><p>GANG-C</p></div>
</div>
<div class="face"><img class="foto" src="img/lady.png" id="4"
class="chosen" onclick="seleccion(4)">
<div class="name"><p>LADY</p></div>
</div>
<div class="face"></div>
</div>
</div>
<div class="msg1">
Player 1 and Player 2
</div>
<div class="msg2">
- CHOOSE THE PLAYER -
</div>
<div class="chosen">
<div id="data1"class="data"></div>
<div id="data2"class="data"></div>
</div>
</div>
</div>
</div>
</div>
<!--Pantalla3. Fight-->
<div id="pantalla3" class="pantalla" style="display:none">
<div class="diseno3">
<div class="center">
<div class="left">
<div class="fighter1" id="imagenJugador1"></div>
<div id="stats1" class="life1"></div>
<div class="vida1" id="vida1">0</div>
</div>
<div class="mid">
<button type="button" onclick="pelear()">START!</button>
</div>
<div class="right">
<div class="fighter2" id="imagenJugador2"></div>
<div id="stats2" class="life2"></div>
<div class="vida2" id="vida2">0</div>
</div>
</div>
</div>
</div>
<div id="pantalla4" class="pantalla" style="display:none" onclick="limpiar()">
<div class="diseno4">
<div class="win" id="winner"></div>
</div>
</div>
<script src="js/main.js"></script>
<script src="js/player.js"></script>
</body>
</html>