This project is a simplified version of the classic Bubble Trouble game, emphasizing quick reflexes and precision to pop bubbles and progress through levels. The goal is to avoid bubbles while navigating the characters and popping all the bubbles to clear the stage within the limited time.
Controls:
- Player 1:
- Movement: Use the arrow keys (←, →) for movement.
- Shoot: Press the spacebar to shoot and pop bubbles.
- Player 2:
- Movement: Use the A, D keys for movement.
- Shoot: Press the W key to shoot and pop bubbles.
Objective:
- Pop all the bubbles in each level within the specified time.
- Avoid getting hit by bubbles.
- Collect power-ups to gain advantages.
- Clear all bubbles on one side of the wall to make the wall disappear and move to the other side.
-
Level 1: Basic game mechanics with a small bubble to pop.
-
Level 2: Introduces one big bubble to pop.
-
Level 3: Introduces two bubbles separated by a wall. Players must pop all the bubbles on one side of the wall to make the wall disappear and move to the other side.
-
Level 4: Similar to Level 3 but with bigger bubbles.
-
Level 5: Features three walls and three bubbles with different sizes.
For multiplayer, coordination is essential to progress through the levels.
- Custom sprites for the player characters.
- Unique images for power-ups and other game elements.
- Power-ups that enhance shooting or movement abilities.
- Obstacles and walls that create additional challenges in the environment.
- Different bubble sizes as levels progress.
- Each level introduces new challenges and requires quick reflexes, strategic planning, and cooperation between players(if multiplayer mode)
- Languages: TypeScript
- Libraries: HTML5 Canvas for rendering, basic DOM manipulation.
- Tools: ES6 Modules for code organization.
-
Clone the repository:
git clone git@github.com:Prakriti03/Bubble-Trouble.git
-
Go to Bubble-Trouble directory:
cd Bubble-Trouble -
Install Dependencies:
npm install
npm run dev