jsvn/pong-starter-svg

Pong Game

A basic pong game using SVGs, Javascript ES6 syntax and Webpack as a build tool in relation to game coding.

Setup

Install:

> npm i

Run:

> npm start

Keys

Player 1:

• a: up
• z: down

Player 2:

• ▲ : up
• ▼: down

Pause:

• spacebar: pause game

Stretch Goals

• Triggered multiple balls at once

Technology Used

• ATOM Text editor
• HTML5 Audio sounds triggered on ball bounces
• SVGs to render the pong game
• ES2015
• Webpack as a build tool

##Meaningful Takeaways

This project involved creating a basic pong game using SVGs and Javascript's ES2015 syntax. This was a very interesting challenge, as it was part code along with the class, and part figure out the missing pieces. I thought it was a great opportunity to practice a more object oriented programming style with the newly added class functionality.

I have found through my first few projects here at RED that I really enjoy setting up the best dev environment that I can. I enjoy using/learning all the tools to utilize for being able to write more readable code on my end, while still producing files the browser can still read and render.

I learned a lot from completing this project. It challenged my problem-solving abilities and also really opened up my eyes to how precisely you need to be when telling a computer what to do.