Barbarian Meets Coding

WebDev, UX & a Pinch of Fantasy

1 minute readgame-development


A collection on notes of developing web based roguelike games



A spritesheet is an file that combines many graphics (sprites) within a single file. It is useful to use them in web based games because they allow you to transfer many images with one single network request and can be easily cached.

Tips for working with spritesheets:

  • Beware of creating levels that use the indices of the tilemap directly. If you ever decide to change the tilemap you’ll need to recreate all maps. It is far better to define your levels using an encoding/semantics of your choosing and then map these independently to a specific tilemap.


Jaime González García

Written by Jaime González García , Dad, Husband, Front-end software engineer, UX designer, amateur pixel artist, tinkerer and master of the arcane arts. You should follow him on Twitter where he shares useful stuff! (and is funny too).Jaime González García