Block Puzzle Game

A simple block puzzle game implemented in TypeScript and HTML5 Canvas.

Features

• Classic block puzzle gameplay
• Keyboard controls for moving, rotating, and dropping pieces
• Score tracking
• Preview of the next piece

Controls

• Arrow Left (←): Move the current piece left
• Arrow Right (→): Move the current piece right
• Arrow Up (↑): Rotate the current piece
• Arrow Down (↓): Perform a hard drop (instantly drop the piece to the bottom)

How to Run

Prerequisites

• Node.js (version 16 or later)
• npm (comes with Node.js)

Steps

1. Clone the repository or download the source code.

   git clone <repository-url>
   cd BlockPuzzleGame_TypeScript

2. Install dependencies.

   npm install

3. Start the development server.

   npm run dev

4. Open your browser and navigate to the URL provided by the development server (usually http://localhost:5173).

Build for Production

To build the project for production, run:

npm run build

The output files will be located in the dist directory.

Preview the Production Build

To preview the production build locally, run:

npm run preview

Project Structure

• index.html: The main HTML file for the game.
• src/main.ts: The main TypeScript file containing the game logic.
• src/style.css: The CSS file for styling the game.
• tsconfig.json: TypeScript configuration file.
• .gitignore: Git ignore file.

License

This project is for educational purposes and does not include a license. Feel free to modify and use it as you like.