Need some tips on making small top-down tiles more detailed.

Started by
8 comments, last by craig6673@outlook.com 5 months ago

I'm working on a top down tile based game. I am not an artist by any measure. I'm using Blender to create the assets. The example I'm showing here is a test of a pathway tile. Don't worry too much about texture/color, as this is just a test. The 256x256 image looks halfway decent. However, when I render it at the correct 64x64 pixel size, all definition is lost. One thing to keep in mind is that I'll be baking normal maps of the tiles, so some definition will come back through lighting, but what can I do to enhance the diffuse map?

Please understand that I'm not asking anyone to do this for me. I really like the challenge. I just need a push in the right direction. I'm using Godot 4, if it matters.

No, I am not a professional programmer. I'm just a hobbyist having fun...

Advertisement

You can use a sharpening downsampling filter to make the small tile look better, such as the “bicubic sharper” mode in photoshop. Other than that you could tweak the colors to be more contrasting.

Sharper
Yours

Not an artist at all (not even with blender :p ) but one thing that comes to mind is how the size of the tile compares with the size of other things in the game, eg the player character. I would say that it makes a difference whether the character can comfortably at a single tile, or that a path of say 5 tiles wide is needed.

As for your problem, can't you use different colors fir “high” parts or so? eg lighter shades of green, yellow and blue? That would make the height differences more clear. Games is about smoke and mirrors, use anu trick that looks convincing. You don't need to limit yourself to what we see around us in reality.

Aressera said:

You can use a sharpening downsampling filter to make the small tile look better, such as the “bicubic sharper” mode in photoshop. Other than that you could tweak the colors to be more contrasting.

Sharper
Yours

@Aressera That does look slightly better. The “grout” is a brown sand texture. I wonder what it would look like if it was simply black?

No, I am not a professional programmer. I'm just a hobbyist having fun...

Hmmm…. That DOES look better! I didn't realize just how much a lighter grout would make it look so washed out.

No, I am not a professional programmer. I'm just a hobbyist having fun...

Thanks for the advice! I decided to bump up the tiles to 128x128. 64x64 is just too small on modern screens and there is virtually no good way to get the detail that I want. I also did a test with the normal map and if you tilt your head, squint and hold your out tongue at JUST the right angle, you can ALMOST see the effect. Yeah. No. Bigger is definitely better in this case.

No, I am not a professional programmer. I'm just a hobbyist having fun...

MarkS said:
The 256x256 image looks halfway decent. However, when I render it at the correct 64x64 pixel size, all definition is lost.

Then you work at the wrong scale. Classical art mistake.

Mostly art is made with just one scale in mind. Everybody looks at a picture from a similar distance. They do not press their nose against it to study individual pencil strokes, nor are they 50m away and say there is nothing to see. They set their distance so they can see the whole picture, and judge from there.
In games we are not always so lucky, especially in 3D. Content may be visible an any scale, so we need to make it look at any scale.
But you say top down and 64px tiles, so your scale seems constant.

They you should author your content at this scale! :P

You say that's a bit hard, editing stuff in Blender, in a 100px viewport?
Sure, but you can set your render preview to the proper size, keep it open, and update it often.
It's also very helpful to scale it down for a moment. At half the size, you should be still able to see everything that matters instantly and clearly. If not, you focus too much on high frequency detail, another classical art mistake.

MarkS said:
Hmmm…. That DOES look better! I didn't realize just how much a lighter grout would make it look so washed out.

Does it really look better?

Personally i guess not, but to be sure, we could do some things:

You work on tiles. Then look at many tiles, NOT at a single tile! Make a 10 x 10 grid of the tile, and look at that. The periodic tiling impressions become only visible with periods, NOT when looking at a single tile.

After we have our grid, place some NPC sprites over it, ideally. Or some placeholders. What do you see? The background or the foreground?
You have increase the contrast and you think it looks better. But high contrast steals the show for anything else. Your NPCs might vanish in the noise of high frequency, high contrast backgrounds. One more classical art mistake.

Keep in mind: To make a tiled game look good, your main tool is the arrangement / composition of the tiles, not so much the tiles themselves. The tiles are like colors on a palette of a painter, not more.
That's not said to downplay good artwork on the tiles ofc, but it's mostly about subtlety for practical reasons. You usually want low contrast to serve background needs and to hide repetition. High contrast and very decorative tiles are better used sparsely.
In general you want higher contrast in the lower frequencies, and lower contrast in the higher frequencies. That's also the secret of making content look good at any scale.

MarkS said:
I decided to bump up the tiles to 128x128. 64x64 is just too small on modern screens and there is virtually no good way to get the detail that I want.

The higher the resolution, the harder it becomes to make tiling look good. The more detail and realism, the lesser acceptable the unnatural tiling constraint.
That's the hard truth, and the reason why tiling went out of fashion for a decade or two. It comes back recently because it turned out people actually like blocky pixel art, not only for nostalgic reasons.

But this, and anything else i've said, is not meant to convince you about doing something else or differently. I don't see anything wrong here, but i assume you may overlook some things, and having heard about them in advance can't be bad.

JoeJ said:

**snip**

Thank you! Right now I'm not even sure the path I want to go down. I've been trying to remake this game for decades. It's based on an unreleased game my dad made back in the early 90's for color Macs. I've been spinning my wheels for a very, very, VERY long time trying to create a game engine for this project and doing so burned me out to both programming in general and game development in particular. Now that I've seen the light and embraced Godot, I can focus on making the actual game. I'm not 100% certain that I'll stick with the 2D tile format. It's what my dad used, but I'm really liking the low poly, 3D tile design that I've been seeing lately.

You've given me a lot to think about!

No, I am not a professional programmer. I'm just a hobbyist having fun...

i may have mist the boat as i did not read this threw but remeber 8 bit 16 , maybe you to young to remeber such things.

but have a look how games were drawn, using colors to fake deapth etc then implament it into 3d and it should be a solve,as only shaddow and light are left.

megaman ledgends is an eg: of classic game graphic stile.

if some 1 mentiond it, just delet this

This topic is closed to new replies.

Advertisement