En éste lab crearás la estructura del juego Flappy Bird en HTML y agregarás estilos con CSS.
- Agrega el siguiente código a
index.html
<!DOCTYPE html>
<html>
<head>
<!-- Detalles de Proyecto-->
<title>Flappy Bird</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- Agregar canvas del juego-->
<div class="game-container">
<div class="sky">
<div class="counter">
<img src="img/0.png" id="decenas" />
<img src="img/1.png" id="unidades" />
</div>
<div class="message"></div>
<div class="bird"></div>
</div>
<div class="obstacles">
<div class="bottomObstacle"></div>
<div class="topObstacle"></div>
</div>
<div class="ground"></div>
</div>
</body>
</html>
- Agrega el codigo css necesario para que al abrir
index.html
se vea lo siguiente en el navegador: