Shop Mobile More Submit  Join Login
×




Details

Submitted on
April 24, 2014
Image Size
147 KB
Resolution
1008×6704
Link
Thumb
Embed

Stats

Views
5,463
Favourites
436 (who?)
Comments
23
Downloads
105
×
Metatiles - In a Nutshell by Pix3M Metatiles - In a Nutshell by Pix3M
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
Basic Tiling by Cyangmou
Add a Comment:
 
:iconjustingamedesign:
JustinGameDesign Featured By Owner Dec 26, 2014  Professional Digital Artist
Thanks for sharing this!
Reply
:iconazkai:
AzKai Featured By Owner Jul 7, 2014  Professional Interface Designer
Love it! Thank you, Pix3m :)
Reply
:iconpickledtezcat:
pickledtezcat Featured By Owner Jun 30, 2014  Hobbyist Digital Artist
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…
Reply
:iconfinticemo:
finticemo Featured By Owner Jun 23, 2014  Hobbyist Digital Artist
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.
Reply
:iconblazah99:
blazah99 Featured By Owner Jun 8, 2014
Good examples and explanation Pix3m, going to be saving /using this to refer to in the future. =)
Reply
:icongeneen-bones:
Geneen-Bones Featured By Owner Apr 26, 2014  Hobbyist Digital Artist
This is useful, not only for games but creating scenery aswell
Reply
:iconskittlefuck:
skittlefuck Featured By Owner Apr 25, 2014  Hobbyist Digital Artist
Very well done tutorial, you picked a very good palette too!
Reply
:iconimmortius:
immortius Featured By Owner Apr 24, 2014
These are also known as Wang tiles/tiling - programming-wise there are some good papers under that term, particularly a GPU Gems article.
Reply
:iconmetagenki:
Metagenki Featured By Owner Apr 24, 2014
Also, you explain things well.  I like how you walk us through the thought behind it.
Reply
:iconmetagenki:
Metagenki Featured By Owner Apr 24, 2014
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.
Reply
:iconpix3m:
Pix3M Featured By Owner Apr 24, 2014   Digital Artist
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.
Reply
:iconmirakhall:
MiraKHall Featured By Owner Apr 24, 2014  Hobbyist General Artist
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 :) It's very well done!
Reply
:iconpix3m:
Pix3M Featured By Owner Apr 24, 2014   Digital Artist
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''. :thumbsup:

Though I am fairly sure every RPGmaker versions already have a metatiling system. :O_o:
Reply
:iconmirakhall:
MiraKHall Featured By Owner Apr 24, 2014  Hobbyist General Artist
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 ^^;
Reply
:iconmystalurdimensh:
MystalurDimensh Featured By Owner Apr 24, 2014  Professional General Artist
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.
Reply
:iconmirakhall:
MiraKHall Featured By Owner Apr 24, 2014  Hobbyist General Artist
Yeah, I have noticed the dark side of using variables :paranoid: How do you programming guys deal with it?  It's such a headache-inducing mystery to me most of the time, but I have a lot of respect for it.
Reply
:iconmystalurdimensh:
MystalurDimensh Featured By Owner Apr 24, 2014  Professional General Artist
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.
Reply
:icongrimmbulbasaur:
GrimmBulbasaur Featured By Owner Apr 24, 2014  Student General Artist
lol thought this was pokemon at first XD
Reply
:icontealxultimate:
TealXUltimate Featured By Owner Apr 24, 2014  Student General Artist
cool
Reply
:iconpixelkh1:
Pixelkh1 Featured By Owner Apr 24, 2014  Hobbyist General Artist
Very usefull.
Reply
:icondrag0n-princess:
Drag0n-Princess Featured By Owner Apr 24, 2014
This is a very interesting tutorial :D
Reply
:iconmystalurdimensh:
MystalurDimensh Featured By Owner Apr 24, 2014  Professional General Artist
"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! :+fav: =)
Reply
:iconpix3m:
Pix3M Featured By Owner Apr 24, 2014   Digital Artist
*quietly fixes the typo*
Reply
Add a Comment: