Battle Canvas PNG

A colleague pointed out to me that what I am trying to do with battle canvas might still be too complicated and I could simply make do with a scaled image background and drag and drop divs over it. It doesn’t quite tickle the excitement about trying something completely new to me, but on the other hand this is the tried and true method of working on the web today.

Using scaled images and dragging divs has the benefit of getting advantage of libraries (for example, jQuery’s draggable works just fine), but it seems like it will also result in fighting tedious CSS differences between browsers, and things outside the canvas being able to affect the battle canvas by accident.

Nevertheless, I created the (simplest yet) battle canvas in the series using a PNG background and jQuery UI to implement draggable area effect and hero square: Battle Canvas PNG.

Similar Posts:

    None Found