jQuery Age of Empires R&D

CaptureI have made this as a exercise to build up a widget. it started out as a small block following a cube in jQuery. And grew out to a R&D about sprites, events and game mechanics in jQuery and WordPress.

 


10 x 10

10 x 10

10 x 10

distance

angle

angle

active

The ground plane is a canvas with a raster rotated to give a 2.5 isometric view. The plane-blocks are not usable yet and if I decide to move further with this than i might upgrade it to give a more landscape feeling with customizable blocks instead of just a field.

The Paladin is a DIV block of 100*100 with a background attached to it. this background is a sprite that changes position depending of the direction of movement and if the animation is active. The sprite is set up in the JS and offers little room for adjustment. connecting it to a XML file would make the sprite more manageable.

Future releases might include a path for the Paladin to walk on which i can also use for some objects to dodge. Maybe a option to select different Characters and a more changeable map.