3D TETRIS
GRUNGE

Overview

A brutally aesthetic 3D Tetris game built with React, Three.js, and Tailwind CSS. It reimagines the classic puzzle logic in a three-dimensional space with a unique visual style inspired by 90s zines and brutalism.

Key Features

• 3D Gameplay Mechanics
• Grunge/Brutalist Aesthetic
• Mobile Responsive Controls
• Touch Support (D-Pad)
• High Score Persistence

Metrics & Achievements

Challenges & Solutions

• Challenge: 3D Game Logic

  Translating the 2D grid logic of Tetris into a performant 3D environment without losing the classic feel.

  Solution: Utilized React Three Fiber to manage the 3D scene while keeping the core game state in a robust 2D array mapped to 3D instances for efficiency.

• Challenge: Mobile Controls

  Providing precise control inputs on touch screens for a game requiring fast reflexes.

  Solution: Implemented a custom on-screen D-pad and action buttons with touch-action manipulation to prevent browser scrolling during gameplay.