Shivek-Sharma / breakout-game

Game where you control a paddle with the left/right arrow keys to bounce a ball up to break bricks. This app uses the HTML5 canvas element and API.

Home Page:https://shivek-breakout-game.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Breakout Game

Game where you control a paddle with the left/right arrow keys to bounce a ball up to break bricks. This app uses the HTML5 canvas element and API.

Live Demo

Project Specifications

• Draw elements on canvas
• Use canvas paths to draw shapes (paddle, ball and bricks)
• Add animation with requestAnimationFrame(callback)
• Move paddle on left/right arrow key press
• Ball bounces back when collided with canvas walls, bricks or paddle
• Break brick when ball collides with it
• Update score with each brick broken
• End the game when paddle misses the ball and show the score using alert
• Add game rules button with slider

About

Game where you control a paddle with the left/right arrow keys to bounce a ball up to break bricks. This app uses the HTML5 canvas element and API.

https://shivek-breakout-game.netlify.app/


Languages

Language:JavaScript 72.5%Language:CSS 14.6%Language:HTML 12.9%