Tetris Souls

A browser-based Tetris-inspired game developed with JavaScript, HTML, and CSS.

Unlike traditional implementations, Tetris Souls was intentionally designed to provide a highly challenging experience. The gameplay emphasizes quick decision-making, constant pressure, and strategic planning, creating a unique take on the classic block-stacking formula.

The project explores core game development concepts such as real-time rendering, collision detection, piece generation, state management, score tracking, and dynamic interface updates using only front-end technologies.

Technology Stack

• JavaScript
• HTML5
• CSS3

Features

• Classic Tetris-inspired gameplay
• Real-time piece movement and collision detection
• Next piece preview system
• Score and progression tracking
• Dynamic board rendering
• Browser-based implementation
• No external frameworks

Next Piece Preview

Displays the upcoming piece, allowing players to anticipate future moves and plan their strategy.

<div id="proxima-peca"></div>

Game Board

The primary game area where pieces are generated, moved, rotated, and stacked throughout gameplay.

<div id="tabuleiro"></div>

Player Information

Displays player progression and game statistics.

• XP represents the player's score.
• Level indicates progression based on cleared rows.

<div id="informacoes"></div>

Gameplay Demonstration

A full gameplay preview showcasing the mechanics, interface, and overall experience.

Technical Highlights

• Real-time game loop implementation
• Collision detection algorithms
• Grid-based game architecture
• Event-driven gameplay
• Dynamic DOM manipulation
• State management using JavaScript
• Browser-based game development