🎮 Glitter Blocks

A beautiful, sparkly Tetris-like game built with SvelteKit and TypeScript. Features a modern, pink-themed UI with particle effects and smooth animations.

✨ Features

• Modern, responsive design with a pink sparkly theme
• Smooth animations and particle effects
• Touch-friendly controls for mobile play
• Hold piece functionality
• Next piece preview
• Level progression system
• High score tracking with local storage
• Pause/Resume functionality

🚀 Getting Started

Prerequisites

• Node.js 16.x or higher
• npm or pnpm

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/glitter-blocks.git
   cd glitter-blocks
   

2. Install dependencies:

   npm install
   # or
   pnpm install
   

3. Start the development server:

   npm run dev
   # or
   pnpm dev
   

4. Open your browser and navigate to http://localhost:5173

🎯 How to Play

• Use arrow keys to move pieces:
  • ← → : Move left/right
  • ↑ : Soft drop
  • ↓ : Hard drop
• Space: Rotate piece
• H: Hold piece
• P: Pause/Resume game

🛠️ Building for Production

To create a production build:

npm run build
# or
pnpm build

Preview the production build:

npm run preview
# or
pnpm preview

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Built with SvelteKit
• Inspired by the classic game of Tetris
• Font: Pacifico from Google Fonts