In this 2nd episode of our series I finally manage to create a custom spritesheet for building the map and characters of our game. I struggled quite a lot as the documentation of rpg.js is not the best and some important information is lacking. So, if you’re also running into problems getting your spritesheet into the game, try the video below :-)
This is the spritesheet I use: Tiny 16 Basic
Also, I have 2 questions for you:
- What do you think about Rumi’s proposal for the storyline in episode 1 comments section of the video?
- What do you think we should name the game?
The missing spritesheet details you mention are exactly the sort of assumptions worth documenting alongside the image: frame size, facing-direction order and the point that touches the ground. I maintain BackMir, a browser adaptation of a solo RPG. For this kind of migration, I would keep stable map and character IDs separate from the image layout, so a later art replacement does not change save references. A small test map with one doorway, one obstacle and a character facing each direction is also a useful check before building a larger world. That makes visual offsets and collision mismatches much easier to spot.