Tag: HTML5 Canvas

If you are a HTML5 web game developer, and you are more targeted toward mobile gamer than desktop gamer, you may probably want to enrich your HTML5 game by adding ‘vibration’ features. In this article, I’ll show you the simple use of Vibration API in your web game.

A tutorial on how to create a drawing board using HTML5 Canvas API.

In this article, we will introduce HTML5 Canvas animation and walks you through creating an animation of character walking.

Welcome to the 4th tutorial of ‘HTML5 Canvas Game Development’!  We will learn to add sound effects to your game using HTML5.

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”.

Welcome to the first tutorial of ‘HTML5 Canvas Game Development’! In this tutorial, you will learn the technique of detecting mouse and touch events for building a game for PC users and touch devices users.

In this tutorial, we are going to create a squash game using HTML5 technology – Canvas. If you are new to canvas, please be sure to read the “HTML5 Canvas For Absolute Beginners – Part 1” before you proceed.

Welcome to the last part of the ‘HTML5 Canvas for Absolute Beginners’. In this article, we are going to show you some of the useful framework of HTML5 canvas. If you haven’t already, be sure to read the previous articles of this series first!

Welcome to the part 5 of the ‘HTML5 Canvas for Absolute Beginners’. In this tutorial, we will describe the keyboard events in canvas. If you haven’t already, be sure to read the previous articles of this series first!

Learn how to create smooth HTML5 canvas animations using JavaScript. Follow this bouncing ball example with clear code and live demo.

Welcome to the third part of the ‘HTML5 Canvas for Absolute Beginners’. In this tutorial, we will describe the using of image with canvas. If you haven’t already, be sure to read the previous articles of this series first!

Welcome to the second part of the ‘HTML5 Canvas for Absolute Beginners’. In this tutorial, we will continue to describe some of the advanced canvas functions such as draw a shape with line, change color and line width.

Canvas, a HTML5 element that can be used for rendering graphics, animation, graphs, photo compositions or any other visual objects on the fly by using JavaScript. In this tutorial, we will describe how to implement canvas in your web projects.