I Wanna Community

Fangames => Game Design => Programming Questions => Topic started by: OhNoezEinPandy on January 20, 2014, 12:24:29 PM

Title: How do I rip a Tileset correctly?
Post by: OhNoezEinPandy on January 20, 2014, 12:24:29 PM

Hello Everyone,

I just started on working on my first own project in Game Maker 8.1 // yuutuu engine.

The problem I have is not that I can't find the options to insert or create a background. It is actually the technique to bring the tiles to the shape of 32x32 pixels.

The technique I tried to use up until now was: go to vgmaps.com -> open the picture in MSpaint -> cut out the whole room out of where I think I have everything I need -> go into gamemaker and create a new background and go into edit -> resize the shit out of it till it kinda matches the 32x32 grid.

The result is often an unsharp/not correctly cutted tileset. Is that the correct way of doing it and I just need to be 100 times more precise? Or is there a much more comfortable way of doing it?

Edit: I think cutting out single tiles pixel by pixel is the best solution for myself currently. But I will appreciate any comment if this is actually the way everybody does it!

Title: Re: How do I rip a Tileset correctly?
Post by: Sephalos on January 21, 2014, 06:33:43 AM

This is how I usually go about doing this.

I use a image editor called GraphicsGale.
https://www.humanbalance.net/gale/us/

Then I take a screenshot in whatever game I want to rip the tileset from.
You can also get already made maps from a lot of games here wich speeds up the prossess.
https://vgmaps.com/

The cool thing about GraphicsGale is you can set up a grid and use the snap to grid tool wich works perfectly for tilesets. Usually they are in 16x16.
(httpss://www.mediafire.com/convkey/79a6/8yqxddhambt5pex4g.jpg) (https://www.mediafire.com/view/8yqxddhambt5pex/tileset1.png)


Then with the cutter and snap to grid tool, drag and drop everything that looks useful down in one compact tileset. Try to arrange the tiles in a square.
(httpss://www.mediafire.com/convkey/3800/wdmn8vxpi30n3ge4g.jpg) (https://www.mediafire.com/view/wdmn8vxpi30n3ge/tileset2.png)


Select all the tiles with the cutter tool and select "All Frames" and "Crop".
(httpss://www.mediafire.com/convkey/3011/9r8ifqjqyk5cfc54g.jpg) (https://www.mediafire.com/view/9r8ifqjqyk5cfc5/tileset3.png)


And finally, since these are 16x16 tiles you want to double the size. Use "All Frames" and "Resample". Then increase the size by 200% and uncheck smooth.
(https://www.mediafire.com/convkey/7b9d/91gwic64j2jm1b44g.jpg) (https://www.mediafire.com/view/91gwic64j2jm1b4/tileset4.png)


There you go, a 32x32 tileset. Save and import it into GameMaker.
Hope this helps. Good luck.

Title: Re: How do I rip a Tileset correctly?
Post by: OhNoezEinPandy on January 23, 2014, 01:18:21 PM

Thank you Sephalos!

Your guide and the graphicsgale editor make my work easier by a lot.