Skip to content

Create A Mouse Click Bubble Popping Game On HTML5 Canvas And JavaScript
Skill Success

Summary

Price
£157 inc VAT
Or £52.33/mo. for 3 months...
Study method
Online
Duration
Self-paced
Qualification
No formal qualification
Certificates
  • Certificate of completion - Free
Additional info
  • Tutor is available to students

Overview

This course includes lifetime access so you can complete it at your own speed.

This course is designed for those interested to learn how to create and develop your own version of a bubble popping game using HTML5 then apply JavaScript to create the elements, create interaction, set up dynamic content and make animations.

Benefits of taking this course include:

  • Unlimited and lifetime access to the course
  • Learn the course at your own pace
  • Course can be accessed on any platform
  • 24/7 Customer support

Certificates

Certificate of completion

Digital certificate - Included

Course media

Description

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.

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 elements. Learn coding with fun interactive game development. See what you can build with JavaScript!!!

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

Create A Mouse Click Bubble Popping Game On HTML5 Canvas And JavaScript will cover the following topics:

Section 1 - Introduction And Lectures On How To Create A Game With JavaScript

  • Introduction
  • Source Code
  • Setup HTML For Game
  • Gradient Fill
  • Generate Bubbles
  • Moving Bubbles
  • Making Bubbles Multiply
  • Add Mouse Clicks On Canvas
  • Mouse Click Collision Detection
  • Multiple Array Collision Detection
  • Game Scoring Canvas
  • Final Code Review

Who is this course for?

This course is designed for those interested to learn how to create and develop your own version of a bubble popping game using HTML5 then apply JavaScript to create the elements, create interaction, set up dynamic content and make animations.

Requirements

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

Career path

None

Questions and answers

Currently there are no Q&As for this course. Be the first to ask a question.

Reviews

Currently there are no reviews for this course. Be the first to leave a review.

FAQs

Interest free credit agreements provided by Zopa Bank Limited trading as DivideBuy are not regulated by the Financial Conduct Authority and do not fall under the jurisdiction of the Financial Ombudsman Service. Zopa Bank Limited trading as DivideBuy is authorised by the Prudential Regulation Authority and regulated by the Financial Conduct Authority and the Prudential Regulation Authority, and entered on the Financial Services Register (800542). Zopa Bank Limited (10627575) is incorporated in England & Wales and has its registered office at: 1st Floor, Cottons Centre, Tooley Street, London, SE1 2QG. VAT Number 281765280. DivideBuy's trading address is First Floor, Brunswick Court, Brunswick Street, Newcastle-under-Lyme, ST5 1HH. © Zopa Bank Limited 2025. All rights reserved.