Sunday, November 17, 2013

Isometric front-end

My topic for master thesis is Firebase. But for displaying data we have to deal with front end. It is possible to use some table for displaying output data. But it will be much more prettier to use isometric engine.

There are a lot of isometric engine. Some of them are for free and the others for purchase.
http://www.isogenicengine.com/
http://craftyjs.com/
etc...

https://code.google.com/p/jgen/ - there is not very good documentation and it doesn´t work in all major browsers.
http://www.prelude-prod.fr/demo/pp3diso/ - very simple, but there are some limitation (described at projekt page)

For our project the most suitable seems to be Sheetengine (dynamic loading, rendering with zoom, etc.).
There is a documentary on home sites as well as a project crossyard with tutorial for developers.

We will need to change engine for showing textures:
For anyone else needing textured base sheets, I changed line 738 in sheetengine.js to the following:
if(basesheet.img) {
  ctx.drawImage(basesheet.img, 0, 0, basesheet.width, basesheet.height);
} else {
  ctx.fillRect(0,0,basesheet.width,basesheet.height);
}

No comments:

Post a Comment