Please ensure Javascript is enabled for purposes of website accessibility

About This Course

Who this course is for:

  • Anyone who wants to create a fun simple game online
  • Anyone who wants to practice creating games with JavaScript
  • Anyone who is starting out with game development
  • HTML5 game developers
  • JavaScript developers
  • Web Coders and web designers

What you’ll learn: 

  • How to draw on HTML5 canvas with JavaScript
  • Making elements move
  • Event listeners for clicks on canvas
  • Collision detection to check if objects are intersecting
  • Adding game scoring and making it fun
  • Movement and animation of objects
  • Source code is included so you can build your own version of the game as you go through the lessons


  • Basic JavaScript knowledge
  • Understanding of coding
  • Editor and ability to write code
  • Prior coding Experience

Build a Bubble Popping Game, that is all done with JavaScript on HTML5 Canvas. No libraries, no tricks, no shortcuts – all JavaScript on HTML5 Canvas. Step-by-step walkthrough of how to create a game from scratch on an HTML page. Then, apply JavaScript to create the elements, create interaction, set up dynamic content and make animations. Explore building games with JavaScript and see how a game can be created from scratch using HTML5 and JavaScript.

One of a kind game using straight pure JavaScript to draw on canvas and add game controls and interactions. Source code included. Build your own version of the game today!

Custom code from start to finish. Step-by-step learning on how to create all the game functionality you need to complete a full functional game. Professional instruction taught by a developer with over 20 years experience developing over 100 web games.

Explore how you can create a quick simple game using JavaScript and HTML5 canvas elements. Learn coding with fun interactive game development. See what you can build with JavaScript!!!

Our Promise to You

By the end of this course, you will have learned how to develop a game using HTML5 and JavaScript.

30 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked. 

Get started today and learn more about creating your own game.

Course Curriculum

Section 1 - Introduction And Lectures On How To Create A Game With JavaScript
Introduction 00:00:00
Source Code 00:00:00
Setup HTML For Game 00:00:00
Gradient Fill 00:00:00
Generate Bubbles 00:00:00
Moving Bubbles 00:00:00
Making Bubbles Multiply 00:00:00
Add Mouse Clicks On Canvas 00:00:00
Mouse Click Collision Detection 00:00:00
Multiple Array Collision Detection 00:00:00
Game Scoring Canvas 00:00:00
Final Code Review 00:00:00
Template Design © VibeThemes. All rights reserved.

Setup Menus in Admin Panel