first milestone demo

.F_sprite { position:absolute; overflow:hidden; width:10px; height:10px; } .F_sprite_img { position:absolute; } .canvas { position:relative; width:650px; height:300px; border:1px solid #000; } .box { font-family:Arial,sans; width:40px; height:40px; background-color:#CCC; float:left; margin:2px 2px 2px 2px; border-radius: 3px; }

T
attack

Y
jump

I

H
defend

J

K

L

Press these keys to control me!

Works on Chrome, Firefox, and IE9