index.html

<!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>Canvas Car</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <div class="instruciones">
        <h1>Canvas Car</h1>
        <h3>Finalidad:</h3>
        <p>La finalidad del juego, es que debe
            adelantar los coches, moviendote de derecha a izquierda y
            evitar la colision. Cuanto mas tiempo pase, mas rapido ira
            y mas probabilidad de colisionar tendra.
        </p>
        <h3>Instrucciones:</h3>
        <ul>
            <li>Flecha izquierda, se utiliza para movernos a la izquierda</li>
            <li>Flecha derecha, se utiliza para movernos a la derecha</li>
            <li>Techa de espacio, se utiliza para acelerar</li>
        </ul>
        <h3>Objetivo:</h3>
        <p>Para ganar solo debes adelantar a 10 coches, en el caso de que pierdas se reiniciara el juego</p>
        <p>SUERTE!!</p>

    </div>
    <canvas id="canvas" width="1022" height="1022" style="width: 511px; height: 511px"></canvas>


    <script type="module" src="./src/main.ts"></script>
</body>


</html>