After
PONG!

Your Interesting PONGs


Noisy PONG!
 Smiley PONG!
Power-up PONG!
Soccer PONG!
Multi-Ball PONG!
Trail PONG!
Impact PONG!

...Continued


Retro PONG!
Disco PONG!
Neon PONG
Pretty PONG!
Smokey PONG!
Scrolly PONG!

..And There's More...


Breakout!



Variations are Possible!



The Best One: ARKANOID!



Special Homework


Make your own version of Breakout.

"From Scratch"

(Previous "PONG!" code may provide guidance!).

The Essentials


  • Bat
  • Ball
  • Bricks

The Extras...

Colour, Background Pics, Audio, Multiple Balls,
Power-Ups, Bad Guys, Multiple Levels, Guns,
Multi-hit Bricks, Indestructible Bricks, etc., etc.

HINTS


Treat the "wall" as a single object.

Implement it as an array of bricks, and know which
brick(s) the ball(s) are potentially colliding with.

The brick collision can be as simple (or simpler) as our paddle collision for PONG... or you can try to make it more subtle.

Likewise the ball-bounce behaviour of your own paddle.

Beyond jsFiddle


While we're at it, let's "break-out" of the
jsFiddle environment too...

It has served us well, but we are outgrowing it.

Use your own personal webspace.
("My Ugla / My Files")

Split up your code into multiple files.

See my version of Crappy PONG for an example.

Marking


This is exercise is a challenge.

I want to see what you can do.
Impress me.

You'll get 50% for the minimal game.
...and 10% for each "cool thing" you add.

List your cool things in your submission.

(And let me know how long it took you).

After PONG!

By Pat Kerr

After PONG!

  • 2,883

More from Pat Kerr