Tetris 4Sides Game

En

This project is a Tetris 4Sides game built using Vanilla JavaScript, manipulating the DOM and the Canvas API. It does not use any external libraries or frameworks.

Features

• Full-screen responsive canvas.
• Random pieces (I, O, T, S, Z, J, L) spawn in the board.
• Pieces move with arrow keys and rotate with the spacebar.
• Pieces solidify when colliding with other pieces or the board edges.
• Rows and columns are automatically removed when full.
• Score is calculated as the number of blocks removed.
• Random segments spawn periodically from board edges to increase challenge.

How to Use

1. Clone or download the repository.
2. Install the dependencies.
3. Run the "npm run dev" command in the console.
4. The game will automatically adjust to your screen size.

How to Play

• Arrow Keys: Move the piece in the corresponding direction.
• Spacebar: Rotate the piece.
• The objective is to fill complete rows or columns with pieces.
• When a row or column is completely filled, it is removed, and the blocks are added to your score.

Rules

1. Pieces cannot overlap existing blocks.
2. If a piece cannot spawn in the center due to collision, the game will reset.
3. Score increases by the number of blocks removed.
4. Random obstacles appear from the edges to make the game more challenging.

---

Es

Este proyecto es un juego tipo Tetris usando los cuatro (4) lados del tablero, construido usando JavaScript Vanilla, manipulando el DOM y la API de Canvas. No utiliza librerías ni frameworks externos.

Funcionalidades

• Canvas adaptable a pantalla completa.
• Piezas aleatorias (I, O, T, S, Z, J, L) aparecen en el tablero.
• Las piezas se mueven con las flechas y giran con la barra espaciadora.
• Las piezas se solidifican al chocar con otras piezas o los bordes del tablero.
• Filas y columnas completas se eliminan automáticamente.
• El puntaje se calcula según la cantidad de bloques eliminados.
• Segmentos aleatorios aparecen periódicamente desde los bordes del tablero para aumentar la dificultad.

Cómo Usarlo

1. Clona o descarga el repositorio.
2. Instala las dependencias.
3. Ejecuta el comando npm run dev en la consola.
4. El juego se ajustará automáticamente al tamaño de tu pantalla.

Cómo Jugar

• Flechas: Mover la pieza en la dirección correspondiente.
• Barra espaciadora: Rotar la pieza.
• El objetivo es llenar filas o columnas completas con las piezas.
• Cuando una fila o columna se llena completamente, se elimina y los bloques se suman al puntaje.

Reglas

1. Las piezas no pueden superponerse con bloques existentes.
2. Si una pieza no puede aparecer en el centro debido a colisión, el juego se reinicia.
3. El puntaje aumenta según la cantidad de bloques eliminados.
4. Obstáculos aleatorios aparecen desde los bordes para aumentar la dificultad.