https://github.com/jonathanfunk/pong

HTML5 + Javascript ES2015 game based on the classic arcade game.
https://github.com/jonathanfunk/pong

es6 html5-canvas javascript webpack

Last synced: about 2 months ago
JSON representation

HTML5 + Javascript ES2015 game based on the classic arcade game.

• Host: GitHub
• URL: https://github.com/jonathanfunk/pong
• Owner: jonathanfunk
• Created: 2016-10-29T02:01:57.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-11-25T21:01:46.000Z (over 9 years ago)
• Last Synced: 2025-04-14T09:59:07.159Z (about 1 year ago)
• Topics: es6, html5-canvas, javascript, webpack
• Language: JavaScript
• Homepage: https://jonathanfunk.github.io/pong/
• Size: 154 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Pong

======

![pong-browser-mockup](https://cloud.githubusercontent.com/assets/20465505/20635223/3af96b4c-b30f-11e6-89c4-2d68d7701a1b.jpg)

## Project

The objective for this project is to recreate an old arcade game using HTML5 Canvas.

## Technology

* Atom Text Editor

* Webpack

* HTML5 Canvas

* ES2015 Javascript

* Command Line Interface

* Git/Github

## Learning Experience

This project involved a lot of Javascript. Before I got started on this project, I got Webpack working which allowed me to bundle my javascript files and to stream any saved changes to my browser, just like Gulp's browser sync. I like what I see and would like to explore more.

I developed Pong using ES2015 Javascript practices and HTML5 Canvas. This project was a bit tricky and it made me think on how to set this up logically. In the end, I came up with a functional Pong game.

[Link](https://jonathanfunk.github.io/pong/) to website.

## Keys

##### Start Game:

* t: start

##### Player 1:

* a: up

* z: down

##### Player 2:

* ▲ : up

* ▼: down