Isometric Engine in HTML5/CSS/JS

This video shows an isometric view of a map. This isometric engine is based on HTML5 (canvas) and JS. Check the step-by-step tutorial on www.nymeria.fr :)

Category:

Science & Technology

Tags:

• isometric tiles html 5 js

[louisgandelin]

Hey coolbloke, and thanks for your comment. Actually, yes I load all the map data into memory (in this example, it comes from a XML file), but I only redraw the area displayed on screen (45*45 tiles if I remember well). The code is available on nymeria.fr (and will be updated each week).

[DaveTendon]

@louisgandelin : Salut, le lien sur nymeria.fr ne fonctionne plus.

[coolbloke1324]

Hey, nice demo. Are you loading all the map data into memory or are you paging it? Also, when moving the map around, are you redrawing the entire canvas every frame?