34 lines
1.3 KiB
HTML
34 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="style.css">
|
||
<title>Tetris</title>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="gui">
|
||
<canvas id="tablero" width="200" height="400"></canvas>
|
||
<div id="marcador">
|
||
<h2>Tetris</h2>
|
||
<p>Score: <span id="score">0</span> </p>
|
||
<div id="leyendaTeclas">
|
||
<div><span style="font-size: 24px;">➡️</span> Cursor derecha</div>
|
||
<div><span style="font-size: 24px;">⬅️</span> Cursor izquierda</div>
|
||
<div><span style="font-size: 24px;">⬇️</span> Cursor abajo</div>
|
||
<div><span style="font-size: 24px;">🔄</span> Barra espaciadora</div>
|
||
<div><span style="font-size: 24px;">1️⃣</span> Ventana debug</div>
|
||
</div>
|
||
<div style="font-size: 8px;">Esc - Salir partida</div>
|
||
<button id="startButton" onclick="iniciarPartida()">Start</button>
|
||
</div>
|
||
</div>
|
||
<textarea id="debug" cols="30" rows="10"></textarea>
|
||
<audio id="musica" src="./assets/Tetris.mp3" loop></audio>
|
||
<script src="game.js"></script>
|
||
</body>
|
||
|
||
</html> |