Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/el634dev/breakout

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

Last synced: 20 days ago
JSON representation

Classic Breakout game created using Canvas

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.`