Simple browsergame using Dojo gfx for SVG/VML rendering


September 30th, 2007 by paolo


Note: this is a single player browsergame and it is 100% flash free !

Be Quick Or Be Dead

Url: http://ardoino.com/game-be-quick-or-be-dead/
The plot is based on comics written by Motocarota : a powerful wizard has to kill much kobolds as possible casting fireballs against them.

To shot fireballs to enemies you have to write its name in the textbox below the game area and press enter… a nice way to test your typewriting ability, isn’t it?.

I used only few hours to create the game. At the beginning I opted to use 2D CANVAS tag as rendering system (supported by Mozilla Firefox, Opera and Safari) and explorer-canvas for VML, Vector Markup Language (supported by Internet Explorer).

In a few minutes, bored by IE7 incomptaibility with standards, I decided to try Dojo that should have a wide crossbrowser compatibility, dojo.gfx library included. This framework supports Canvas, SVG and VML giving simple API for 2D drawing.
Be Quick Or Be Dead Wizard

In a few time I had the game engine and once obtained spirtes Be Quick or Be Dead was complete.

The only disavantage of Dojo usage in BQOBD development was the first time loading slowness, but Firefox cache has worked fine for next page accesses.

Creation and drawing on the 2D surface is very simple :

  • ctx = dojox.gfx.createSurface creates a 2D surface
  • images, text, rectangles, … are objects that can be drawed on that surface (i.e. img = ctx.createImage(); )
  • shapes could be modified on the fly by setShape method (i.e. img.setShape(newShape); )

Play now!!

Read more on dojo

Posted in Framework, Game, Javascript, No Flash, Web2.0 |

del.icio.us - Digg it - Furl - Google - Netscape - StumbleUpon

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.