Canvas Breakout

Reusing Someone Else’s Blog

I had intended to further animate the wheel I’d created in my previous post and demonstrate how to move the wheel around the screen.

That got me thinking about bouncing the wheel (ball?) around the borders of the Canvas. Which got me thinking about the game breakout, which is near and dear to my heart because that’s closest to my favorite game of all: pinball.

Anyway, I had all these great ideas in mind when I found this post. When you’ve finished the exercises, about 15-30 minute’s worth of work, you’ll have developed a simple version of breakout. All in JavaScript and using Canvas. Check it out—you can even modify the code in the code panel and click ‘run code’ to see it in action. Well done.

Seeing how it was never my intent to demonstrate how to create games with JavaScript and HTML5, but rather to showcase the potential of these technologies, we’ll leave the big wheels and breakouts alone. I’ll soon be showing how to use these technologies for a more useful purpose.

More to Explore

Another Look at JavaScript
Big Wheel Keep on Turning


About taylodl

I'm an enterprise architect/developer who enjoys programming, math, music, physics, martial arts and beer
This entry was posted in HTML5, JavaScript and tagged . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s