Brick Breaker Game

A Brick Breaker Game built with React Native, utilizing Expo, Reanimated, and React-Native-Skia for smooth animations and enhanced performance. This project demonstrates advanced techniques in gesture handling, physics-based animations, and canvas rendering for a seamless gaming experience.

Features

• Dynamic Gameplay: Interactive paddle to break all the bricks.
• Smooth Animations: Powered by Reanimated and Skia.
• Gesture Detection: Move the paddle with touch gestures for precise control.
• Responsive Design: Optimized for different screen dimensions.
• Win or Lose Conditions: Clear all bricks to win or let the ball fall to lose.
• Real-time Collision Detection: Physics-based interactions for paddle, ball, and bricks.

Tech Stack

• React Native: Framework for building the game.
• Expo: Streamlined development and testing.
• React-Native-Skia: Canvas rendering for graphics.
• Reanimated: Handles animations and physics.
• React-Native-Gesture-Handler: Gesture control for paddle movement.

Gameplay

1. Start the Game: The ball starts bouncing, and the paddle can be controlled via gestures.
2. Break Bricks: Aim to hit and break all the bricks on the screen.
3. Winning Condition: Successfully clear all the bricks.
4. Losing Condition: Letting the ball fall below the paddle.

Installation

1. Clone the repository:

   git clone https://github.com/David-mwas/BrickBricker.git
   cd BrickBricker

   Starting the Game

2. Make sure you have Bun installed on your machine. OR use npm

3. Clone the repository:

   bun start or npm start

How to Play

1. Launch the app on your device or emulator.
2. Drag the paddle left or right to control it.
3. Break all bricks to win.
4. Avoid letting the ball fall off the screen!