Introduction to making Games with JavaScript and HTML5
  • Introduction to creating a brick breaking game from scratch
  • Code Editor Update
  • How to setup a Game Breakout Game Setup
  • Setup HTML and JS files and Canvas ready to draw code snippet
  • How to create Player Character Setup Player Paddle
  • Source Code draw player paddle on screen for game
  • How to create Player Movement KeyPresses.
  • Source Code - Add key press listeners to game
  • How to move player in Game Move Player Paddle.
  • Source Code Game Animation Frame movement on canvas
  • How to add Player Mouse Movement Player.
  • Source Code Move player with Mouse position
  • How to add to game Add a Bouncing Ball
  • Source Code Draw Bouncing Ball on HTML5 Canvas Game
  • How to create Collision Detection within Game
  • Source Code HTML5 Collision Detection Code
  • How to generate the game screen Add Bricks to Screen
  • Source Code Draw bricks to Game
  • How to add objects to Game Update Bricks.
  • Brick Collision Detection Source Code
  • How to add Scoring and Win conditions to game
  • Source Code Scoring
  • Final Game tweaks and Adjustments
  • Source Code Game Updates
  • Game Bug Fixes and Tweaks
  • Source Code Debugging Game updates
  • How to add Bonus Content to your HTML5 Game
  • Source Code Bonus Blinking Game Updates
  • Game updates Ball Speed Update
  • Final Source Code for HTML5 Canvas Breakout Game