Isometric Tiling

Discussion of tools and resources for game developers

Post » Wed May 29, 2013 4:55 pm

Hello everyone,


I was wondering if anyone could recommend a program that would let me export drawings as isometric tiles? I have a program that is great for making isometric drawings as it has a great isometric grid, but it can only exports as regular 2d square tiles. I will be using these tiles in the "Tiled" map program.


Thanks,

Jaysin
B
5
S
1
Posts: 10
Reputation: 370

Post » Wed May 29, 2013 11:45 pm

[QUOTE=Jaysin86] Hello everyone,


I was wondering if anyone could recommend a program that would let me export drawings as isometric tiles? I have a program that is great for making isometric drawings as it has a great isometric grid, but it can only exports as regular 2d square tiles. I will be using these tiles in the "Tiled" map program.


Thanks,

Jaysin[/QUOTE]

If you're asking what I think you are, then my answer is...

You simply make the isometric tiles in your application of choice like:
Paint.net
GIMP
Photoshop
and so on...

If you take ordinary tiles and try to rotate/skew them for an isometric view you will lose quality and detail, the images will distort, I don't know of an application that can take such tiles and create them as isometric but I think I recall seeing something that did that a long time ago, however I cannot say for sure and my advice would be to simply create the tiles yourself in the isometric view and you will achieve the best look.

Tiled is a great tile editor!
B
16
S
7
G
5
Posts: 163
Reputation: 4,794

Post » Thu May 30, 2013 2:31 am

I've been using "Pro Motion" which is really easy to use ,for example I can draw an entire castle and choose to export a tile map of the drawing, it will break my drawing up into multiple tiles according to the tile size I choose and make a tile map file. But it only does square tiles, not 4 sided "diamond" shape isometric tiles.

Do any of the above noted programs do this?
Jaysin862013-05-30 02:59:39
B
5
S
1
Posts: 10
Reputation: 370

Post » Thu May 30, 2013 2:35 am

Hexels ?
B
38
S
16
G
17
Posts: 2,230
Reputation: 17,220

Post » Thu May 30, 2013 3:45 am

[QUOTE=Jaysin86] I've been using "Pro Motion" which is really easy to use ,for example I can draw an entire castle and choose to export a tile map of the drawing, it will break my drawing up into multiple tiles according to the tile size I choose and make a tile map file. But it only does square tiles, not 4 sided "diamond" shape isometric tiles.

Do any of the above noted programs do this?
[/QUOTE]

Technically yes they can, but YOU have to chop it all up into the pieces yourself and export, they don't have any option that will take your drawing and do that for you, at least as far as I know...

By diamond isometric tiles do you mean what WhiteClaw posted? (Hexels - Hexagon shaped isometric tiles)
B
16
S
7
G
5
Posts: 163
Reputation: 4,794

Post » Thu May 30, 2013 1:18 pm

Ill look into those programs, I already have GIMP but never used it much.

And no I don't mean Hexels, I mean like these
B
5
S
1
Posts: 10
Reputation: 370

Post » Thu May 30, 2013 1:28 pm

I have a tutorial half typed up on how to create these kind of tiles... I will finish it and post it tomorrow sometime but I use Tiled with those type of tiles all the time...

If you want to create those kinds of tiles don't worry about trying to convert the square tiles into those, set your tile grid to something like this: 64x32 (WxH) keep the dimensions to the power of two and draw in your square (diamond)... Something like this: https://copy.com/opacpd2cehya Download this and load it into Tiled and you will see that it Tiles perfectly under the isometric map.

If you want a higher quality image and you want to increase the resolution/dimensions just remember what I said above...

Use that as your starting point if you wish, I will be creating a full tutorial on it tomorrow well I will be finishing and publishing it anyway lol.

I hope that helps?



Kind Regards
Patrick
B
16
S
7
G
5
Posts: 163
Reputation: 4,794

Post » Thu May 30, 2013 1:31 pm

If you use Paint.Net there is a Grid plugin on their forum...

Install that and set the grid size to the dimensions above in your document and it will set your document up, ready for you to create all of the isometric tiles that you need. Once you have finished creating your tiles just save the image out and load into Tiled and it should work fine.

Hopefully you understand but if not My tutorial will explain it in much more detail =] and you should be able to follow along and understand perfectly fine after going over it.

Is this what you meant?
B
16
S
7
G
5
Posts: 163
Reputation: 4,794

Post » Thu May 30, 2013 1:49 pm

Great, I'll try this out when I get home tonight.

Looking forward to reading your tutorial.

Thanks
B
5
S
1
Posts: 10
Reputation: 370

Post » Thu May 30, 2013 3:18 pm

@Patriick
hi
interested with this tutorial too..
B
18
S
5
G
7
Posts: 593
Reputation: 7,086

Next

Return to Tools and Resources

Who is online

Users browsing this forum: alexengel and 2 guests