Storing Game Maps as Images - What about multiple layers?

Newbie & Debugging Questions
#1

So I’m looking at implementing a system of saving/loading my 2D platformer’s levels using simple image files to store the tile data etc. since it seems a quick and practical way of doing so, and for something like Ludum Dare it seems popular.
I myself have made a somewhat proper level editor before for a top-down shooter in C++, but that was a lot of hassle at times and it would be nice to get something quite functional up and running before committing to spending time on something like that rather than the actual game if at all possible.

While an image file works fine for a 2D tile array, I’m wondering about how you might go about doing slightly more complicated things like placing enemies?
An enemy or any entity could be a coloured pixel in an image, but then what about the underlying tile? You’d have to either decide the underlying tile will always be empty, some specific tile, or perhaps the same as the tile to the left of it etc. Granted, for a platformer this doesn’t matter as much since most of the time anything behind an enemy will simply be a blank space but for a better looking map you might want to put non-collidable background tiles, perhaps if you were in a cave or something, and then we’d run into problems.

How might you go about something like that then? Allowing a simple image to place map tiles and enemies but not have the enemies prevent you from deciding on the underlying tile? Does anyone ever tend to bother, preferring to just make a proper level editing program when a game requires that ability?
One idea I just had would be a separate image with the same map tile image on it, but with enemy positions overlaid and when the game was loading the map it could simply ignore the map tiles and place the enemies in the right positions while still allowing a human to easily place objects with a feel for where they are in the map. Might be slightly messy though, but I guess it would work.
Any better ideas for quick and easy level editing without resorting to a full editor?
I also do know about Tiled which seems quite popular, but I haven’t tried to learn how to use that just yet.

#2

Hello! :slight_smile:

I think of an easy and fast way of doing that. Use 2 images of the same size! One with all the tiles, and the other with some color you’ll never use to “fill the gasps” and other colours for other entities, like enemies or npcs.
Easy and fast :slight_smile:

Have a nice day!

#3

Images are difficult to do if you’re going to be using simple colour information. Once you start having to differentiate between the differing values of ‘red’ to figure out what you were doing. Really, you have to consider whether you’ll remember what all of the stuff you do means if you come back at a later date. If you’re going to spend more time figuring out that “Oh, 255 red means this and 127 red means that” then you’ll probably be better served to use something else.

However, if you really want to do it you can be really fancy about it you can use the three different colours to mean different things. Like, if you’re not going to drawing these yourself.

Have red indicate the ‘background’ (You get 255 of them, and it could be used to indicate passability if you don’t want to use the alpha channel), blue indicate your ‘enemy’, green indicate items and then your alpha channel being a binary ‘passable/impassable’, or if you need a pathfinder, you can treat it as a ‘cost’ variable. Then, in a single bitmap or PNG you’ve got everything you need, depending on how you want it.

#4

Ah yes… the alpha channel came to my mind (just in passing… wasn’t really sure how it might be used) but I hadn’t thought about using the separate RGB values like that.

I suppose that’s about the most information you could reasonably put in an image. Shouldn’t be overly hard to follow then as long as you keep an organized list of what each colour means.

Thanks for that, I’ll have a think about it and see what I want to do. Might keep it simple for now :persecutioncomplex:

#5

Not nearly so easy as you think.

After you get to about six shades of a colour it gets hard to differentiate them on a monitor.

#6

Hmmmm… yes I suppose if you had to keep checking what colour a pixel was and then looking it up in a table, you’d be defeating a lot of the purpose of using a simple image. Well, given I’m trying to making a platformer, I suppose there’s no real major need for a map tile to go behind an entity.