Welcome to the 3rd tutorial of ‘HTML5 Canvas Game Development’! We will continue using the previous coding in this tutorial, and you will learn to add health or score of HUD(heads-up display) to your HTML5 Canvas game – “bubble breaker”. Advertise here via BSA

Callback functions are used in many JS libraries. Here’s how you can write your own callback functions. Advertise here via BSA

An Array is used to store a number of values (called as elements) in order with a single variable. Can be created using javascript array object constructor. new Array(size) new Array(element0, element1, …, elementN) Advertise here via BSA

The abs() method of math object is used to get the absolute value of a number. Advertise here via BSA

Often, situations arise when an user should fill a single or more than one fields in a HTML form before they submit it. You can write a JavaScript form validation script to check whether the required field(s) in the HTML form is blank or not. Advertise here via BSA

JavaScript is not a full-blown object oriented programming language, such as Java, but it is designed on a simple object-based model. An object is a construct with properties that contain JavaScript variables or other objects. Advertise here via BSA

The encodeURI is used to encode a Uniform Resource Identifier (URI) by replacing each instance of certain characters by one, two or three escape sequences representing the UTF-8 encoding of the character. Advertise here via BSA

The UTC() method returns the number of milliseconds in a Date object since January 1, 1970, 00:00:00, universal time. Advertise here via BSA

A conditional statement is a set of commands and the commands execute if a specified condition is true. There are two conditional statements in JavaScript : if…else and switch. Advertise here via BSA

The eval function is used to execute JavaScript source code. Syntax Advertise here via BSA