Giter Club home page Giter Club logo

breakout-game's Introduction

Hey there I am Dhanush N

Tech Autodidact, Engineer & Programmer who loves to solve technology problems by code and build scalable secure applications around various technologies

dhanushnehru

  • πŸ”­ I’m currently working on Cybersecurity, Ethical Hacking, AWS, ML, Elasticsearch, PostgreSQL
  • 🌱 I’m currently learning various tech that interests me
  • πŸ’¬ Ask me about Javascript, Node Js, Cube Js, React Js, Python, MongoDB, Redis
  • πŸ˜„ Hobbies: Piano, Mouth Organ, Dance, Cube Solving
  • ⚑ Fun fact: Chess Champ

Connect with me via πŸ‘‡

YouTube YouTube Channel Views

LinkedIn @dhanushnehru Codepen @dhanushnehru dev.to Twitter Instagram Hashnode GitHub Discord

GitHub Trophies

Support πŸ‘‡

dhanushnehru




Linux Commands That You Need To Know ‼️ | Rarely Used Commands 🧐 | Linux Tips and Tricks | Dhanush N
How To Make Your Own Web Server For Free ? | Free Hosting | Linux Tips and Tricks | Dhanush N
CODING Was HARD Until I Knew THESE Things !!!

Dhanush Nehru's Github Stats Β  Β  Dhanush Nehru's Top Languages


An image of @dhanushnehru's Holopin badges, which is a link to view their full Holopin profile

breakout-game's People

Contributors

adam-weiler avatar akash2866 avatar amitmishra11 avatar anuraglodhi avatar ar-ag avatar aryandeelwal avatar asaniyan avatar biswajit150803 avatar dani0105 avatar dantecuevas avatar deep1shikha avatar dhanushnehru avatar dhruvikkarena avatar irjean avatar kola-prabhas avatar madhvik007 avatar racky7 avatar stm3900 avatar tygee713 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

breakout-game's Issues

Can the popups be customised?

Currently after the game is played, either lost or won the popup is just a normal prompt

Can this be customised with html or css & make it to look better

W3C Valid HTML and Accessibility

Hey; I'm wondering if I can work on making the HTML W3C Valid?

I also noticed there's some Accessibility Contrast Issues that I can try to improve as well.

Multi color blocks

Currently the blocks are all blue in color. Is it possible to have multi color blocks ?

High score Feature

Feature

Can we add a high score feature to this game, to make it more engaging?

Collision detection allows ball to partially go through bricks

When watching the gif in the readme and trying out the game, I noticed that half of the ball could go through a brick before the game recognizes that it made contact, and a ball hitting a corner of a brick would not collide at all. If it's alright, I'm going to work on a PR to fix this behavior.

Bug: the ball keeps bouncing on the same points

When there are some blocks to break, the ball continues to hit the same points on the map wall.

I want to fix it. I'm going to add something that does a little modification when it bounces. with that it should vary where it will bounce

Feature: lives on the blocks

I want to add lives to the blocks, with this the player must hit the same block several times before breaking it

Update CONTRIBUTION.md

The CONTRIBUTION.md does not contain git commands to clone the repo, creating new branch and pushing the changes.
I can add these instructions in the CONTRIBUTION.md to make it easy for beginners to contribute in the project.

A better styling

After the game stops I want to show the user the score he has scored and also the background requires some changes so that needs some update also.

Out of alignment

Currently the blocks in the right side are not properly aligned. Make it similar to how the blocks are in left

IMG_20221002_141754

Update README.md file

Update the README.md file by including the following:

  1. The technologies used to create the game.
  2. Latest images/gifs of the game.
  3. Rules of the game / How the game is played.
  4. Features of the game.

Update README.MD

Update README.MD with more clear explanation & updated images / gifs

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.