title | summary | tech |
---|---|---|
Pong |
A Web-based, Pong game written in JavaScript using HTML5 Canvas |
JavaScript, HTML5 Canvas, HTML/CSS, Heroku, GitHub |
A version of Pong written in JavaScript using HTML5 Canvas.
This is Pong, taken from the original Pong game (1972 Atari) with these features:
- Level: Easy, Medium, and Hard. Hard should be labelled "Insane" but I wanted to keep things simple. The paddle gets smaller and the ball gains speed as the level goes up. On every level, the ball gains speed every time it hits Player(1)'s paddle after the first five. Icons in upper-center.
- Player vs Computer / Player 1 vs Player 2 (icons in upper-right)
- Mouse or Keyboard: a player can be either. Hard level on the keyboard is challenging. Or it's impossible, I actually don't know.
- Score: the current score, leader in green.
It's always good to have a grasp of game development. Why? Algebra, Physics, and Geometry, and stop-motion rendering, of course!
This project shows the practical application of several technologies:
- JavaScript
- HTML/CSS
- Heroku
- GitHub
I have some experience in game creation using LibGDX, so animating Pong using a 60 fps game loop along with collision detection was familiar. Still, I hadn't done so in JavaScript. I feel like it's fairly lean (or at least lean enough), although I'm sure it can be optimized further.
Animation is fascinating.
ToDos
- Optimize further