indrajithbandara / html-canvas

HTML5 Canvas Code Samples

HTML Canvas

This repository contains some dummy code examples of HTML Canvas, which I created while learning it. These examples can be used for reference and can be used, shared or modified without any permission.

The contributions to this project are welcome. You can contribute by improving the existing code examples, adding more examples or by enhancing documentation.

The Monster's Game

It's a simple game developed using Javacript, HTML5 & CSS3. It basically has two monsters, a "Good Monster" (having green face) and an "Evil Monster" (having red face)

The Goal of the player is to prevent "Good Monster" from being caught by the "Evil Monster". The user will score the points correponding to time duration before being caught by "Evil Monster". Once, the "Good Monster" gets caught, the game ends and final score is presented.

Have Fun playing "The Monster's Game" :)

Note: I developed this game a long time ago, just for getting familiar with HTML Canvas. Hence, lot of improvements can be suggested for code as well as for game experience.

Examples

This folder contains several dummy example implementations using HTML5 Canvas & Javascript.