HOME | DD
Pix3M β Metatiles - In a Nutshell
Published: 2014-04-24 10:26:33 +0000 UTC; Views: 27616; Favourites: 658; Downloads: 415
Redirect to original
Description
This thing won't teach you how to make awesome metatiles more quickly, but it's something to help explain what they are.Poke me about anything if there's confusion
Also check out this tutorial to making better tile textures by Cyangmou
Related content
Comments: 27
This shall prove to be most useful to me. I've only recently learned the magic of tile sets and solving my previously unsolvable background problems I was having, (for the most anyway). I shall have to take notes try to remember this for the future.
Thank you very much! ^.^
π: 0 β©: 0
This is a great tutorial. It's worth mentioning that the original Sonic the Hedgehog games used metatiles. The Sonic game levels are made of 128x128 tiles, which were created using 16x16 sprites.
π: 0 β©: 0
If you offset the tiles by 50% you only need to calculate the N/NE/NW neighboring tiles, so you can have a 2x2 grid of metatiles (just 16 variations per terrain type) further if you use an alpha channel and render several layers in multiple passes you can limit yourself to 16 tiles per terrain type, and also have feature tiles to go on top.
Like this:
www.mediafire.com/view/8jby2ylβ¦
π: 0 β©: 0
The base set you show there looks like suitable input for Tiled's terrain (which basically does the handling of simple edge blending, where you can draw solid grass or stone, and it uses your blending tiles to make stuff fit in.). I mention this because that means you can make your (single layer) tilemap with the smaller 'metatiles' and then generate the needed full size tiles from a bitmap export of the map.
π: 0 β©: 0
Good examples and explanation Pix3m, going to be saving /using this to refer to in the future.
π: 0 β©: 0
This is useful, not only for games but creating scenery aswell
π: 0 β©: 0
Very well done tutorial, you picked a very good palette too!
π: 0 β©: 0
These are also known as Wang tiles/tiling - programming-wise there are some good papers under that term, particularly a GPU Gems article.
π: 0 β©: 0
Also, you explain things well.Β I like how you walk us through the thought behind it.
π: 0 β©: 0
Reminds me a lot of Warcraft 2 map editing.
Hey, what about hex metatiles?Β I imagine those might look less gridlike, though straight paths might be weird to do.Β I guess some games must have done it, by now.Β I never thought much about it.
π: 0 β©: 1
Most hex grids I've seen are used for strategy games that makes the tile grid part of the game, so hex tiles actually look very grid-like for the sake of good game design.
They sound a lot more difficult to work with too, and I have never had a need to work with hex tiles.
π: 0 β©: 0
This would be a very interesting thing to try and program on a random level generator in games via RPG maker or Flash; if: variant.soliddirt = 2x.2y(); addChild.externaldirts(1-8);
Sorry; got some pseudo ActionScript 3.0 codes stuck in my head after class today, and I don't even like programming; however, thinking about its potentials is a different matter, and this resource you made got me to thinking in regards to 2D random level generators 
π: 0 β©: 1
Oh yeah. Metatiles are really good for any level editor that works by saying 'these tiles will be assigned 'grass', these tiles will be assigned 'dirt''.
Though I am fairly sure every RPGmaker versions already have a metatiling system.
π: 0 β©: 1
Yeah, a pretty advanced form of metatiling programming system that a program hobbyist could work with.Β I was thinking along the lines of Flash and/or from pure scratch.Β Like I said: I had Flash on the brain since I got back from that class today, and the code writing we did was brutal to my minor language-disabled mentality
π: 0 β©: 1
Funny, I had the same idea of making a random level maker that would stack up meta tiles on basic ones which would yield advanced level designs. Though, it would have to take many variables into account, so I don't know if it would be efficient in practice.
π: 0 β©: 1
Yeah, I have noticed the dark side of using variables 
π: 0 β©: 1
It depends on the project, but if I have common types of values for different objects, storing variables in (multi-dimensional) arrays helps a lot.
π: 0 β©: 0
lol thought this was pokemon at first XD
π: 0 β©: 0
"With an appropriate art style, like one on the right [...]" I think you meant on the left, but apart from that it's a really good tutorial! 
π: 0 β©: 1
*quietly fixes the typo*
π: 0 β©: 0