• Advertisement
Sign in to follow this  

tile-based 2d "realistic" map?

This topic is 1649 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

Recommended Posts

Hi

Any examples of a nice looking tile-based modern map? I want it took look a bit like a real map but it needs to be tile-based, so tiles can be plains, water forest, hills etc. 

 

Anyone knows of good ones for inspiration?

Thanks

Erik

Share this post


Link to post
Share on other sites
Advertisement

It's not clear from your question whether you mean isometric, oblique or something else.

 

The isometric tile maps used in C&C: Red Alert 2 are pretty nice looking. They use some dynamic lighting effects but otherwise, they're really just a very nicely done isometric variable-height tilemap with slopes, cliffs etc. It's all pixel-art really.

 

https://www.google.com/search?tbm=isch&q=red%20alert%202%20screenshot&tbs=imgo:1&biw=1024&bih=719&sei=cB0AUtiMBcaHhQfRgoG4Dw#facrc=_&imgdii=_&imgrc=WhuIJIV_MNVmlM%3A%3Bm0gn1E-RIyDRLM%3Bhttp%253A%252F%252Fmattpickering.files.wordpress.com%252F2011%252F09%252Fra.jpg%3Bhttp%253A%252F%252Fextratorrent.com%252Ftorrent%252F2694877%252F%3B1790%3B1488

Share this post


Link to post
Share on other sites

If you really want to be modern, don't even use tiles. Just draw the entire map as one piece (vide Bastion below).

 

2638n15.jpg

 

i40291.jpg

Share this post


Link to post
Share on other sites

Both isometric or "true top down" like civilization 1 would work. It needs to be tile-based. Think a game like advanced wars for the gameboy advanced

http://www6.pcmag.com/media/images/44861-advance-wars-2-black-hole-rising.gif

(but it shouldnt look like that, but needs tiles for unit movement, features etc)

 

With modern i mean the setting not the art level (not medieval etc). Just a gameworld/map that looks like an actual "map" but i want to have stuff like forests, cities, water using tiles. I know this might not exist but i am wondering none the less!

 

E

Edited by suliman

Share this post


Link to post
Share on other sites

You want tilesets of contemporary\modern\current settings.

 

There's Twinsen's Odyssey (some of it is isometric, the rest is real-time 3D):

nyfi1l.jpg

 

There's Crime City, a social game on FaceBook:

1zztclf.jpg

Edited by Kryzon

Share this post


Link to post
Share on other sites

Well not at all what i asked for Kryzon.

As i said it should look like a "actual map" with areas of forests, mountain ridges, water (such as lakes and seas) etc. Much higher scale (cities would be a single tile).

 

It seems hard to do that without making it look extremely "tile-ish". I guess it can be done in layers maybe?

Share this post


Link to post
Share on other sites


Much higher scale (cities would be a single tile).
There's Chrono Trigger:

2cxt2cz.jpg

http://i40.tinypic.com/2rw6sfm.gif (full)

http://img356.imageshack.us/img356/1961/chronoworld2cr.png (tile set)

 

 

Age of Empires II:

2n8okk1.jpg

 

 

These games get away with the tiled look because of autotile functionality, which adds variation between adjacent tiles of the same kind:

http://www.codeproject.com/Articles/106884/Implementing-Auto-tiling-Functionality-in-a-Tile-M

Share this post


Link to post
Share on other sites

Hi again

I went for a handdrawn look. This is what i got so far (yeah its very primitive but i think it works for my project so far).

Feel free to comment

 

maptest.jpg

 

The tiles become less obvious because the mapgrid is in another scale...

Edited by suliman

Share this post


Link to post
Share on other sites

Hi. It does make it less obvious.

Is using tiles a requirement? that is, do you plan on having gameplay on that map screen, with characters walking around etc.?

 

Because you would most likely feel more freedom if you treated it like a freehand, digital painting.

The following are freehand drawn game maps:

 

http://i40.tinypic.com/2iglkir.png

http://images2.wikia.nocookie.net/__cb20130209111915/ragnarok8812/images/7/7a/RO_world_map.jpg

http://mmohuts.com/wp-content/gallery/angels-online-overview/angels-online-world-map.jpg?ec9f9b

http://everquest.allakhazam.com/gallery/ingamemaps/antonica4.jpg

http://wiki.project1999.org/images/Printmap.jpg

Share this post


Link to post
Share on other sites

Yeah it needs tiles. I have realtime movement with pathfinding on it. And resources etc on the map.

Good links.

 

I started trying to make it like a "actual map" map but it was too hard. Havent seen that done (when tile-based).

 

Shorelines look ok i think, its harder with roads (and those messy road-connections). So far like this:

 

maptest2.jpg

Edited by suliman

Share this post


Link to post
Share on other sites

The only way to make it look better with tiles is just by using more tiles, different ones.

 

If I were doing such a map like that, I would go the Bastion way like my first post up above.

You see, even if you're using a grid to do your pathfinding, it's completely independent from whatever graphical representation you want to give to the map.

 

In other words, you are using a grid for pathfinding, as well as a grid for the graphics. 

I suggest a grid for pathfinding, and a full piece map that you can divide in sectors and only display the sectors seen by the camera.

 

2lnz9d0.png

 

This way you can freehand paint your map and have it looking just like real maps, while still conforming to the pathfinding grid.

Edited by Kryzon

Share this post


Link to post
Share on other sites

Any typical way to deal with roads so they look nicer?

 

Tile masking helps sometimes - here's some common formulas I use in my own game.

Basically, you add transparency to the sides of the path to make it blend in better to closer you get to the edges.

 

This applies more if you are layering your paths over images underneath it, but doesn't help much if you're talking about visual styles in an art program.

Edited by Servant of the Lord

Share this post


Link to post
Share on other sites

I'd also add lighter water towards the edges of the shore (or darker, to make the ground look more elevated), and maybe slightly darker background underneath the forest.

Also, the trees themselves stand out too much being just outlines - I'd color them in, though how exactly, I'm not sure.

 

Here's my attempt:

ct0x.png

 

I think your color choice for the water and the background was a good one. Not really 'realistic', but I'm liking it alot.

Edited by Servant of the Lord

Share this post


Link to post
Share on other sites

Whoops, forgot to check this thread.

 


These games get away with the tiled look because of autotile functionality, which adds variation between adjacent tiles of the same kind:
http://www.codeproject.com/Articles/106884/Implementing-Auto-tiling-Functionality-in-a-Tile-M

No idea about Ages of Empires II, but definitely not Chrono Trigger, that's just standard tiles put into good use (in fact there are still some places where tiling issues become very obvious).

Share this post


Link to post
Share on other sites
Aside from the hand-drawn look, you could alternatively go for the procedurally generated look. By layering up a series of various fractals and noise functions you can generate the elements that comprise a map (the mountains, the hills, the deserts, the forests) then either use additional layers of noise to locate them, or use some sort of editor functionality so that you can place them yourself. For example:

1wL7f5g.jpg

Once you have the description and level data, it's really up to you how you interpret it. The tile grid doesn't necessarily need to be an integral part of it, as Servant indicated; you can superimpose a movement grid upon the generated map, marking tiles as passable or impassable based upon the average terrain they encompass. Alternatively, you can sample the function at a much coarser grain, and use the data to allocate tile types on a per-cell basis. Something like this (quick):

sOvGbpl.png

It's the same data set (or, rather, the same mathematical description), just interpreted as tiles. The actual representation depends entirely upon your needs and abilities.

Share this post


Link to post
Share on other sites

The tile grid doesn't necessarily need to be an integral part of it, as Servant indicated; you can superimpose a movement grid upon the generated map, marking tiles as passable or impassable based upon the average terrain they encompass.

 

That was Kryzon actually. It's a very important realization used by more modern games. Freely placing, blending, rotating, scaling images, and then have collision rects and pathfinding nodes over those. I've considered it for my own games, but decided to mix both together: Tile based, but then also allowing freely-placed sprites over the tiles.

Share this post


Link to post
Share on other sites

 

The tile grid doesn't necessarily need to be an integral part of it, as Servant indicated; you can superimpose a movement grid upon the generated map, marking tiles as passable or impassable based upon the average terrain they encompass.

 

That was Kryzon actually. It's a very important realization used by more modern games. Freely placing, blending, rotating, scaling images, and then have collision rects and pathfinding nodes over those. I've considered it for my own games, but decided to mix both together: Tile based, but then also allowing freely-placed sprites over the tiles.

 

 

Whoops, yeah, sorry about that Kryzon. :D

Share this post


Link to post
Share on other sites
Sign in to follow this  

  • Advertisement