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, software engineer, ux designer, amateur pixel artist, tinkerer and master of the arcane arts. You can also find him on Twitter jabbering about random stuff.Jaime González García