Trouble modifying the Berry Tag menu graphics

[minizito]

Hi folks!
I need some help understanding how to modify tilemaps, tilesets and palettes. In particular, the Berry Tag menu.


There are many files in there.

const u32 gBerryCheck_Gfx[] = INCBIN_U32("graphics/bag/check_berry.4bpp.lz");
const u32 gBerryCheck_Pal[] = INCBIN_U32("graphics/bag/check_berry.gbapal.lz");
const u32 gBerryTag_Gfx[] = INCBIN_U32("graphics/bag/berry_tag.bin.lz");
const u32 gBerryTag_Pal[] = INCBIN_U32("graphics/bag/berry_tag_title.bin.lz");

First of all, gBerryTag_Pal is not a palette, is it? Seems like a tilemap to me.
The real palette seems to be gBerryCheck_Pal.
But, that palette seems to be used by multiple tilesets/tilemaps.
Also, is it normal for the tilemap and tileset filenames to not match? one is check_berry and the other berry_tag.

Anyway, I did try to modify berry tag part of the menu but it did not work. I'll describe what I did, please tell me what I'm doing wrong!
In tilemap studio, I opened the tilemap berry_tag.bin. Then loaded the tileset check_berry.png.
This seems correct to me so far:


Then, I used "Print Tilemap" and I got a tilemap png file that looks like what it did in tilemap studio.
I then loaded that up on Aseprite and loaded the check_berry.pal palette. I made random modifications to the image and saved it.
Back in tilemap studio, I used "Image to Tiles" on the modified png. This created a bin, a png and a pal.

I replaced berry_tag.bin and check_berry.png and I tried both replacing and not replacing check_berry.pal (since I didn't modify/added/removed any colors).
Recompiled the game.
And after all that, it looks super broken:


So, what am I doing wrong?

 

[Anon822]

Hi folks!
I need some help understanding how to modify tilemaps, tilesets and palettes. In particular, the Berry Tag menu.
View attachment 172438

There are many files in there.

const u32 gBerryCheck_Gfx[] = INCBIN_U32("graphics/bag/check_berry.4bpp.lz");
const u32 gBerryCheck_Pal[] = INCBIN_U32("graphics/bag/check_berry.gbapal.lz");
const u32 gBerryTag_Gfx[] = INCBIN_U32("graphics/bag/berry_tag.bin.lz");
const u32 gBerryTag_Pal[] = INCBIN_U32("graphics/bag/berry_tag_title.bin.lz");

First of all, gBerryTag_Pal is not a palette, is it? Seems like a tilemap to me.
The real palette seems to be gBerryCheck_Pal.
But, that palette seems to be used by multiple tilesets/tilemaps.
Also, is it normal for the tilemap and tileset filenames to not match? one is check_berry and the other berry_tag.

Anyway, I did try to modify berry tag part of the menu but it did not work. I'll describe what I did, please tell me what I'm doing wrong!
In tilemap studio, I opened the tilemap berry_tag.bin. Then loaded the tileset check_berry.png.
This seems correct to me so far:
View attachment 172439

Then, I used "Print Tilemap" and I got a tilemap png file that looks like what it did in tilemap studio.
I then loaded that up on Aseprite and loaded the check_berry.pal palette. I made random modifications to the image and saved it.
Back in tilemap studio, I used "Image to Tiles" on the modified png. This created a bin, a png and a pal.
View attachment 172440
I replaced berry_tag.bin and check_berry.png and I tried both replacing and not replacing check_berry.pal (since I didn't modify/added/removed any colors).
Recompiled the game.
And after all that, it looks super broken:
View attachment 172441View attachment 172442

So, what am I doing wrong?

At least one problem is that the tileset and palettes are shared between multiple tilemaps. berry_tag_title.bin also uses the same tileset and palette, and by creating a new tileset and palette out of an image you're discarding the tiles and colors which aren't used in the image. This also messes up the order of the tiles and palettes assumed by berry_tag_title.bin.

You could take a more conservative approach by just editing the individual tiles in check_berry.png in an image editor and then using tilemapstudio to edit how the tiles are placed in the tilemap.

 

[minizito]

At least one problem is that the tileset and palettes are shared between multiple tilemaps. berry_tag_title.bin also uses the same tileset and palette, and by creating a new tileset and palette out of an image you're discarding the tiles and colors which aren't used in the image. This also messes up the order of the tiles and palettes assumed by berry_tag_title.bin.

You could take a more conservative approach by just editing the individual tiles in check_berry.png in an image editor and then using tilemapstudio to edit how the tiles are placed in the tilemap.

Thank you for your reply :)

Yes, I eventually noticed that it was a more complex issue because both the tileset and the palette are shared across multiple tilemaps. So, the difficulty became figuring out a workflow to modify one without breaking the others.

And as you suggested, I think the only approach here is to modify the tiles manually, being very deliberate with each change, and always thinking about the effects it could have on both. Like, not modifying the order of tiles (but if I do, I know that I'll need to re-arrange the affected tilemaps as well). Same for colors, with the added difficulty that I might want to change a color in one tile but it's used in multiple tiles. In which cause I might need to add a color and "repaint" one of the tiles. It's all very tricky and harder than it should but at least now I have a working strategy.

The better alternative would probably be if Tilemap Studio (or some other tool) allowed modifying a tileset while viewing multiple loaded tilemaps at the same time, and being able to modify those as well. But I couldn't find a tool like this :/