Power Blocks!! is an engaging and dynamic game built with Vue.js. The goal is to clear blocks by strategically placing them on the grid. Challenge yourself and aim for the highest score!
Check out the live demo of the game here.
- Interactive gameplay with intuitive controls
- Dynamic scoring system
- Responsive design for all devices
- Easy to set up and customize
Power Blocks!! introduces special power blocks that add a strategic twist to the gameplay. Here's a description of each power:
- Bomb: Clears a 3x3 area around the block where it is placed.
- Remove Row: Clears an entire row on the board.
- Remove Column: Clears an entire column on the board.
- Cross Bomb: Clears both the row and column intersecting at the block's position.
- Fill Bomb: Fills a 3x3 area around the block with the block's color.
- Fill Row: Fills an entire row with the block's color.
- Fill Column: Fills an entire column with the block's color.
- Cross Fill: Fills both the row and column intersecting at the block's position with the block's color.
- Fill All: Fills all empty spaces on the board with the block's color.
npm installnpm run servenpm run buildnpm run lint- Clone the repository.
- Follow the setup instructions above.
- Launch the game in your browser.
- Drag and drop blocks onto the grid to clear rows and columns.
Here are some tasks for contributors to work on:
- FEAT: Add an icon for each power block.
- FEAT: Create a way for the user to know what each power block does.
- FEAT: Add sound effects to the game.
- FEAT: Improve the animation when the row is cleared.
- FEAT: Create special shadows for power blocks.
- FIX: Display block shadow on the web version.
- FEAT: Add ads to the page to monetize the game.
Contributions are welcome! Please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Commit your changes and push them to your branch.
- Submit a pull request.
This project is licensed under the MIT License.