https://github.com/el634dev/breakout

Classic Breakout game created using Canvas
https://github.com/el634dev/breakout

Last synced: 4 months ago
JSON representation

Classic Breakout game created using Canvas

• Host: GitHub
• URL: https://github.com/el634dev/breakout
• Owner: el634dev
• Created: 2024-01-16T18:17:40.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-31T01:58:29.000Z (11 months ago)
• Last Synced: 2025-01-30T10:30:29.918Z (5 months ago)
• Language: JavaScript
• Homepage: https://el634dev.github.io/breakout/
• Size: 140 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Breakout Game

> Game made using Vanilla JS, HTML and CSS

> 

> Try and hit all the blocks to win

> 

> Live demo [_here_](https://el634dev.github.io/breakout/). 

## Table of Contents

* [General Info](#general-information)

* [Technologies Used](#technologies-used)

* [Features](#features)

* [Installation](#installation)

* [Usage](#usage)

## General Information

- Project is built using HTML, CSS and Vanilla JavaScript

- The purpose of this project is to practice with Vanilla JavaScript

## Important

-  If you do not have Live Server then you will be unable to see any changes or errors with your code unless you use node to run your file

## Technologies Used

[![Langs Used](https://skillicons.dev/icons?i=js,html,css)](https://skillicons.dev)

[![Code Editor](https://skillicons.dev/icons?i=vscode)](https://skillicons.dev)

## Features

List of features here:

- Users can hit the ball with the paddle

- When users refresh the page, the game is reset

- Users can see their score and how many lives they have

## Installation

See the appropriate guide for your environment and operating system.

>

  a. HTML/CSS/JavaScript Installation

>

  - There is no installation needed for JavaScript, HTML, CSS.

>

  HTML, JavaScript and CSS is built into VSCode. If you would like to see your project then Live Server is needed.

>

  b. Live Server Installation

>

 - Head over to the plugins in VSCode (looks a stack of blocks) and then in the search bar, type Live Server. Download and you now have Live Server.

## Usage

How does one go about using it?

`User can move the paddle with the cursor or left/right arrow keys on their keyboard and hit the ball to break the blocks.`