HTML5 Engine

Hi guys,

I wrote an HTML5 engine and a suite of tools in 2011, but let it gather dust. Decided to resurrect it and see what I could do with it. As it turns out it's quite capable

Tools

Code:

- bitmap font editor
- sprite/animation editor
- level editor

Engine Features

Code:

- profiling
- customisable splash and loading screens
- cookie support
- dynamic frameskipping + frame limiting
- dynamic resource loading
- multi-channel audio (on supported browsers)
- bitmap virtual pads/analogue sticks
- simple gesture support
- bitmap fonts
- animated sprites
- particle systems
- multiple cameras (zooming and panning)
- multilayered rendering with parallax scrolling
- background tile optimizer
- AABB physics (customisable hit boxes)
- customisable waypoints with interpolation
- multiple input methods: single/multitouch, mouse, keyboard
- per-pixel screen filters (TV, tint, circle fade, greyscale, sepia, posterisation, pixelate, shockwave, swirl)
- triggers (area, time, property)
- screen transition effects (fade in/out, wipe left/right/up/down, tween from/to)
- screen snapshots

Supported Resources

Code:

- object serialization to cookies and back
- bitmap fonts
- animated sprites
- maps
- gesture "maps"
- virtual pads/analogue sticks

Supported Browsers

Code:

Internet Explorer 9
Mozilla Firefox 4/5
Google Chrome
Safari
Opera Mobile
Android Browser
Mozilla Firefox Mobile
Phonegap (only tested on Android devices)

I created a little puzzle game demo to test the engine. You can view the results here:

HTML5 Puzzle game demo

Cheers
K