Envision, Create, Share

Welcome to HBGames, a leading amateur game development forum and Discord server. All are welcome, and amongst our ranks you will find experts in their field from all aspects of video game design and development.

[Resolved]Tileset Issue...

Okay, I'm using a custom tileset. Now, when I say custom, I mean I linked a couple of RTP tilesets together in a photo editor. I didn't edit them at all... but they did have to go over a white canvas, so that might've caused this. I dunno...

Anyway... What's going on here?

messed-up.png


I tried making the shadow color semi-tranparent, but that just made it a lighter shade of gray....
 

Yin

Member

Are you using photoshop? I know I had the same problem and I just had to use a blackish grey and make it 50% transparent over EVERY shadow on the tileset. There is probably an easier way to do this, but that's my way. But the white background probably is the main cause.
 
Guys, when you import a tileset, you left click to select the transparent color, right? Well, you also have to right-click to pick the translucent (partly see through) color. Import the picture again and right click on the shadow of the tree when you do.
 

Tindy

Sponsor

You can't just make the shadow transluscent unless you use a transparent background. Make it one, solid color, and make sure that it's the same color as aaaaaaaaalllllllllllll the other shadows in the tileset. Otherwise that'll keep happening.
 
it's the alpha (transparent) channel of the picture itself that could just be edited, then you wouldn't actually have to worry about this at all... it automatically imports the transparency of the picture if you save it correctly. (png only i think)
then again, it's been awhile since I've done any custom resource importing, and I'm speaking from memory. I could be a bit off.

If you are using a program with an alpha channel, just set the transparency and save as .png, or *possibly* .bmp with highest quality settings
 
Unfortunately, my photo editor doesn't allow me to set transparencies. I think since that shadow was semi-transparent when I put everything over the white background and blended it, the color was messed up. I'll probably just have to recolor it. I don't know what else to do about that, because the way I have to do it is make a canvas long enough to hold all the tilesets that I'm combining, but I can't make the canvas transparent, which is ANNOYING!
 
I know that. It's not working. The shadow has been discolored, I think. Makig it semi-transparent just made it a dimmer shade of gray.

I don't know anything about GIMP, where to get it or stuff like that...
 
Honest use the best method when things start to go crazy.
Restart.
I know it will be tedious but do the following.
-Recombine your desired tilesets.
-Keep them in the same order as the first time you did it.
(I personally use Paint, the program that comes with windows.
Paint has no special features, there for you cant mess up.
Also you can have multiple instances of paint open at one time and copy from one and paste to another.
I do however have gimp and do use it for more complex things.)
-Delete the original tileset from your Materialbase NOT your database.
(Make sure you keep your database tileset intact because thats where we will put the new one.)
-Import the new tileset you made
-As normal, left click the transparent background.
-For the shadow part Right-Click the square just bellow your first type of grass(this is for the Forest tileset, which is the one you are working with)
This square is your shadow square.
-Now with your tileset completed and imported, go to the tileset section in your database and assign the one you just imported to it.

If you did this correctly everything should work perfectly. I tested it myself using the steps I listed. As a side note I believe you are correct and you did mess up the orginal color somehow, because I could not duplicate your image as much as I tried.
So as I said in the beginning when stuff gets to complicated just start over, alot of the time it will fix the problem.
 
Does GIMP allow you to easily link images together without having to put a white canvas or anything behind it. The main problem is that it all has to be so exact that I have to change the background color to see wtf I'm doing.
 
In my opinion Paint would be easier to do simple things such as that, rather then gimp.
I am not sure what your method is for combining the two tilesets, but this is what I do.
With paint.
I simply right-click the file I want to open choose open with paint, and paint program starts with that file in it.
I then do the exact same thing to the second(or third or fourth) file I wish to add to my first.
I now have two paint windows open one with the first picture one with the second.
Normally I unmaximize both windows and stretch them to take up half the screen(vertically) My main picture(the one I add to) I put on the left side, and the second(the one I am taking things from) I put on the right.
I now have both pictures visually present both in seperate paint windows.
I then highlight the section I want from the right side picture and hit Ctrl+C(copy)
(I normally just start at the top left of the pictures pixel. What pizel you are hovering over is displayed in paint in the bottom right corner)
I would then go back to the left side picture and scroll down to the very bottom.
In paint you will see a black square in the center bottom of your picture, grab this and stretch it down, it may requrie you to scroll down a few times and stretch it again to get the length you want.
I then scroll back up so that I can see the bottom of the tileset just a bit and the rest bellow it is white.
Then hit Ctrl+V(paste) and what you highlighted from the right picture should now show up on the left.
You left-click and drag that picture to your desired spot.
Tip: It will only fit vertically exactly in spot, so if you see white on ethier side its on aligned right, or you cut a side off when highlighting by mistake.
Also simply move it down untill you see a white line between what you are copying and what is already present, then slowly move it up just untill that white line dissapears.
Since you have just placed a tileset directly bellow another tile set, all the squares should work perfectly and be aligned correctly when building.

Normally the tileset you are pasting will be longer then you can view at one time, I just paste it in sections and try to make sure that the sections I cut are at a part that can only line up one way and not be confusing.

This may seem time consuming and tedious by to be honest the whole process takes me less then a minute to have two seperate tilesets combined into one.
Tip: If you want to say combine Farm inside and Castle Town Inside into one tileset, my advice is that once they are combined graphically and you have it imported and are ready to assign it to a tileset, to simply copy the tileset that appears first vertically on your graphic. So if you took Farm inside and added Castle Town Inside to the bottom of the picture then you would copy the Farm Inside Tileset in your database to a new section and apply your bew graphic to this tileset.
The reason for this is it saves you having to configure the priority for the Farm tiles, since you copied it everything above Castle Town In will be setup perfect for Farm Town In leaving you only half the tileset to setup.

After reading this I realized it may be unclear, also I dont think I could clarify anymore.
So I took 5 minutes and wipped up a video and posted it on youtube.
I hope this helps it seems you are having problems with combining them not being easy, where as using my method I never hesitate to combine two tilesets for more choices.
http://www.youtube.com/watch?v=sJ0gnXuM0cM
Its currently processing as of the time of this post, but that shouldnt take long.

P.S. You mentioned not liking white backgrounds, if that is the case when using paint simply change the white to whatever color you want since your going to place something over top anyway. Remember there are two ways to 'select' in paint shown by two pictures, one lays the picture right over top, the other keeps "transparents"(or paints version of it, since its just white) in.
 

Thank you for viewing

HBGames is a leading amateur video game development forum and Discord server open to all ability levels. Feel free to have a nosey around!

Discord

Join our growing and active Discord server to discuss all aspects of game making in a relaxed environment. Join Us

Content

  • Our Games
  • Games in Development
  • Emoji by Twemoji.
    Top