-
Notifications
You must be signed in to change notification settings - Fork 0
/
juego.html
84 lines (78 loc) · 3.4 KB
/
juego.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> NARUTO! </title>
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<section id="seleccionar-animal">
<div class="titulo">
<img src="./assets/narutotittle.png" class="imagen-titulo">
</div>
<h2 class="subtitulo">
<p>¡Kuchiyose no jutsu!   Invoca a tu animal ninja</p>
</h2>
<div class="contenedor-tarjetas" id="contenedor-tarjetas"></div>
<p><button id="boton-animal">INVOCAR</button></p>
</section>
<section id="ver-mapa">
<h2 class="subtitulo">Explora el mundo shinobi para encontrar enemigos</h1>
<div><img class="flechas" src="./assets/arrows.png"></div>
<canvas id="mapa"></canvas>
</section>
<section id="seleccionar-ataque">
<h2 class="subtitulo">Combate</h2>
<div class="animales-batalla">
<div class="contenedor-ataques" id="ataques-jugador"></div>
<div class="vidas">
<p>Jugador</p>
<p class="texto-vidas"><b>VIDAS</b></p>
<div class="contenedor-vidas" id="vidas-jugador"></div>
</div>
<div class="contenedor-animal-batalla">
<div class="animal-batalla" id="animal-jugador"></div>
<div id="ataque-actual-jugador"></div>
</div>
<div class="contenedor-vs">
<img src="./assets/vs.png" class="imagen-vs">
</div>
<div class="contenedor-animal-batalla">
<div class="animal-batalla" id="animal-enemigo"></div>
<div id="ataque-actual-enemigo"></div>
</div>
<div class="vidas">
<p>PC</p>
<p class="texto-vidas"><b>VIDAS</b></p>
<div class="contenedor-vidas" id="vidas-enemigo"></div>
</div>
<div class="contenedor-ataques" id="ataques-enemigo"></div>
</div>
<h2 class="subtitulo" id="elegir-ataque-texto">Elige tu ataque </h2>
<div class="botones-ataque">
<button class="boton-ataque" id="boton-fuego">
<img src="./assets/fireButton.png" class="imagen-ataque">
<p><b>KATÓN</b></p>
</button>
<button class="boton-ataque" id="boton-agua">
<img src="./assets/waterButton.png" class="imagen-ataque">
<p><b>SUITÓN</b></p>
</button>
<button class="boton-ataque" id="boton-tierra">
<img src="./assets/rockButton.png" class="imagen-ataque">
<p><b>DOTÓN</b></p>
</button>
</div>
</section>
<section class="fin-del-juego" id="reiniciar">
<div class="contenedor-fin">
<div id="ganador"></div>
<button id="boton-reiniciar">Reiniciar</button>
</div>
</section>
<script src="./js/globales.js"></script>
<script src='./js/elegirPersonaje.js'></script>
<script src='./js/explorarMapa.js'></script>
<script src='./js/combatir.js'></script>
</body>
</html>