Créame un juego tipo tetris's game

Click here for free DL of the app version that can save data.

No:37022

←

Prev Next

→

Créame un juego tipo tetris
Developer User16957｜Date and time 24/1/19 23:06:27
Build time 15.555 sec｜Game capacity 3.181KB｜

Script

Claro, aquí tienes un ejemplo de un juego tipo Tetris implementado en un único archivo HTML:

Una vez que abras este archivo HTML en tu navegador y lo ejecutes, aparecerá un juego Tetris básico. Se mostrará un tablero y los bloques caerán desde la parte superior hasta la parte inferior. Puedes usar las teclas de flecha para mover los bloques hacia la izquierda, la derecha o para hacerlos caer más rápido. Espero que esto te dé una idea de cómo puedes empezar a crear tu juego Tetris.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

Claro, aquí tienes un ejemplo de un juego tipo Tetris implementado en un único archivo HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Juego de Tetris</title>
  <style>
    /* Estilos para el juego */
    #juego {
      display: grid;
      grid-template-columns: repeat(10, 40px);
      grid-template-rows: repeat(20, 40px);
      gap: 1px;
      width: 401px;
      height: 801px;
      background-color: #000;
    }
    .bloque {
      width: 40px;
      height: 40px;
      background-color: #ccc;
    }
  </style>
</head>
<body>
  <div id="juego"></div>

// Función para crear un nuevo bloque
      function crearBloque() {
        const bloque = juegosPosibles[Math.floor(Math.random() * juegosPosibles.length)];
        const bloqueDiv = document.createElement("div");
        bloqueDiv.className = "bloque";

bloque.forEach((fila, filaIdx) => {
          fila.forEach((celula, colIdx) => {
            if (celula === 1) {
              const celulaDiv = document.createElement("div");
              celulaDiv.style.gridColumnStart = colIdx + 1;
              celulaDiv.style.gridRowStart = filaIdx + 1;
              bloqueDiv.appendChild(celulaDiv);
            }
          });
        });

juegoDiv.appendChild(bloqueDiv);
        return bloqueDiv;
      }

// Función para mover el bloque hacia abajo
      function moverAbajo() {
        const bloqueAbajo = [];

for (let i = 0; i < juegoActual.length; i++) {
          bloqueAbajo.push([...juegoActual[i]]);
          juegoDiv.removeChild(juegoActual[i]);
        }

const filasVacias = bloqueAbajo.filter(fila => {
          return fila.every(celula => celula === 0);
        }).length;

bloqueAbajo.forEach(fila => {
          fila.forEach(celula => {
            if (celula !== 0) {
              juegoDiv.appendChild(fila);
            }
          });
        });

for (let i = 0; i < filasVacias; i++) {
          juegoDiv.prepend(crearBloque());
        }
      }

// Función para iniciar el juego
      function iniciarJuego() {
        juegoActual = crearBloque();
        intervalo = setInterval(moverAbajo, 1000);
      }

// Iniciar el juego al cargar la página
      iniciarJuego();
    });
  </script>
</body>
</html>
```

Espero que esto te dé una idea de cómo puedes empezar a crear tu juego Tetris.