JavaScript is a powerful programming language that’s built right into most web browsers. Because of this it’s rapidly become the default way to provide user friendly interactive web experiences. The Internet experience as we know it today wouldn’t exist without good old JS.
But who cares about silly little things like that? The real question is: Can we use it to program games? And thanks to the introduction of HTML5 elements like the “canvas” the answer is now a resounding “YES”.
So come along and join me as we program ourselves a simple JavaScript web game.
Index
Let’s Program A JavaScript Game 1: Browser Games With JavaScript
Let’s Program A JavaScript Game 2: The Canvas Of Dreams
Let’s Program A JavaScript Game 3: Designing “Defrag Cycle”
Let’s Program A JavaScript Game 4: V8 600HP Game Engine
Let’s Program A JavaScript Game 5: Press Start To Play
Let’s Program A JavaScript Game 6: When Worlds Collide
Let’s Program A JavaScript Game 7: When Worlds Collide For Real
Let’s Program A JavaScript Game 8: That Sinking Feeling
Let’s Program A JavaScript Game 9: Look Before You Leap
Let’s Program A JavaScript Game 10: Letting The World Pass By
Let’s Program A JavaScript Game 11: This Post Isn’t About Malware, Honest
Let’s Program A JavaScript Game 12: Making A STATEment
Let’s Program A JavaScript Game 13: Some Much Needed Polish
Let’s Program A JavaScript Game 14: A Winner Is You
Let’s Program A JavaScript Game 15: The Computer Is Out To Get You
Let’s Program A JavaScript Game 16: Do You Believe In Magic?
Let’s Program A JavaScript Game 17: Can You Hear Me Now?
Let’s Program A JavaScript Game 18: Moving Pictures
Let’s Program A Javascript 19: Cross Browser Chaos
Let’s Program A JavaScript Game 20: BONUS STAGE!
Code
You can play a complete demo of the game we’re building here: https://scottcornaby.com/games/debugcycle/defrag-cycle-final.html
To run the game locally so you can examine the code and make changes just download all the html, png and ogg files in this folder: https://scottcornaby.com/games/debugcycle/