Create an HTML5 Canvas game JavaScript MouseClick Popper

——   Created by Laurence Svekis

Build a JavaScript Canvas Game from Scratch Bubble Popping game HTML5 Canvas Step by step coding to create a game

Share this course:

1h 15m
Lesson time
Skill levels

More about this course

Do you want to 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, setup dynamic content and make animations.  Explore building Games with JavaScript see how a game can be created from scratch using HTML5 and JavaScript

One of 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 - having developed over 100 web games.

Instructor is ready to help you learn and answer any questions you may have.

Course covers all the core functions needed in a game

  • 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

Explore how you can create a quick simple game using JavaScript and HTML5 canvas element

Learn coding with FUN interactive game development - See what you can build with JavaScript!!!

11 Lessons

Introduction How to Make a Bubble Popper GAME
free preview
How to Write and Setup HTML for Game
free preview
How to Draw Bubbles on Canvas Gradient Fill
How to use JavaScript to Generate Bubbles and make game play
How to move items within canvas Moving Bubbles HTML5 canvas
How to make dynamic content for javascript game Making Bubbles More
How to track and make clicks on canvas Add Moue Clicks on Canvas
How to add Mouse Click Collision Detection
How to use arrays for the game Multiple Array Collision Detection
How to add scoring to your JavaScript game Game Scoring Canvas
Final Code Review Bubble Popper
This course is included in Arbington Premium
$15/month gets you access to every course. Start your 14 day trial today. ☝️

Class benefits

  • Certificate of Completion
  • 30 day satisfaction guarantee
  • 24/7 streaming access
  • Direct teacher access
  • 1h 15m of on-demand video
  • 1 downloadable file
  • Have a coupon?

About the instructor

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

Google Developers Expert - GSuite

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions …

View full profile

For super learners, get unlimited access for $15 per month

Start your 14 day free trial. Cancel at any time.

Join Today Learn More