My first HTML5 game

Monday, July 26th, 2010

The other night, when I couldn’t sleep -  I started playing around with the HTML5 canvas element. Very quickly, I started to see what all the hubbub is about. Here is a very simple game that I threw together in about 15 minutes.

The Game

Name:

Cloud Hunter

Controls:

Left arrow = Move Left
Right arrow = Move Right
Up arrow = Jump
Space = Fire a projectile

Purpose?

None really … When the “clouds” are shot, they will reset and start again. There is no score and no ending. Still kind of fun though.

Take a look at the source to see how simple this stuff it!

3 Responses to “My first HTML5 game”


  1. Waltz Says:

    Fun!


  2. Trooper Says:

    I like how my jumping acceleration can easily out pace the speed of the bullet – but then gravity only acts on me, and not the bullet. Even though my mass is several times greater than the bullet, somewhere the principle of conservation of energy is being lost. Better than I can do though so no complaints.


  3. gabrielm Says:

    @Trooper,
    That’s not a bullet – it’s a small helium balloon…
    Yeah, that must be it!

Leave a Reply

You know you want to...