gourav-singhal / React-Native-Game-Balls-Brick-Breaker

This repository hosts a React Native game project titled "Balls Brick Breaker," a modern twist on the classic brick breaker arcade game. Developed using React Native, the project showcases the versatility of the framework in creating engaging mobile gaming experiences

🎮🕹️ Balls Brick Breaker Welcome to Balls Brick Breaker, a classic arcade game brought to life with React Native!

📱 Balls Brick Breaker Screenshots

Quick Start iOS

git clone https://github.com/Aakashsajjad095/React-Native-Game-Balls-Brick-Breaker.git

cd Balls-Brick-Breaker

npm install or yarn install

cd ios

pod deintegrate
pod install

Or you can pick another simulator by running

xcrun simctl list

npx react-native run-ios --simulator "iPad Pro (12.9-inch)"

Description Balls Brick Breaker is a modern twist on the classic brick breaker arcade game. Built with React Native, this project showcases the versatility of the framework in creating engaging mobile gaming experiences.

Features Intuitive touch controls for paddle movement Dynamic ball physics for realistic gameplay Multiple levels with increasing difficulty Power-ups and bonuses to enhance gameplay High scores leaderboard to track player achievements Customizable game settings for user preference To-Do List This is a breakdown of the steps taken from the initial concept to the fully functional game:

🍄

✅Implement ball movement and collision detection ✅Define playing surface and restrict ball movement within ✅Start ball from bottom on tap with a trail effect ✅Calculate and display angle of motion on touch ✅Handle collision detection with bricks and bounce off ✅Implement irregular bounces near object edges ✅Stop and hide balls when they hit the bottom surface ✅Add animated ball addition hot spots on screen ✅Implement collision count and brick disappearance ✅Display top scores and game level ✅Show ball count beside the first ball ✅Calculate level progress and display at the top ✅Keep track of box bounce count and display ✅Add box layers and advance through levels ✅Determine end of game conditions and display end screen ✅Implement splash screen and icon ✅Design start and end game screens ✅Add cheat mode for testing purposes ✅Implement ball power-up hit explosion animation ✅Smooth out aiming movement for better user experience ✅Save high score locally and display in end screen ✅Add animated box tile explosion effect ✅Introduce "bricks" mode with pre-set levels ✅Add speed-up button for advanced players ✅Save scores separately for different game modes ✅Implement wall rebounding aiming feature ✅Organize constants according to React best practices ✅Upgrade to React Native 0.59 and utilize hooks ✅Update dependencies to community packages ✅Ensure compatibility and functionality on Android ✅Display level progress indicator and use percentage completion ✅Refactor layout for flexibility and compatibility with iPad ✅Introduce level progress bonuses and win animations ✅Refactor entities into types for better code organization ✅Add game instructions and swipe-down animation ✅Migrate to TypeScript for enhanced type safety ✅Implement first ball landing spot calculation ✅Add animation for power-up transitions ✅Introduce automated tests and continuous integration ✅Automate production build processes ✅Experiment with pathfinding algorithm for ball navigation Contributing ✅Contributions to Balls Brick Breaker are always welcome! Whether it's bug fixes, feature enhancements, or feedback, we appreciate your input. Please refer to the contribution guidelines for more details.

License This project is licensed under the MIT License. See the LICENSE file for more information.

Let's break some bricks together! 🎮🚀