How to Make an Isometric Tilemap Godot Tutorial 3.2

[@GameDevelopmentCenter]

Do you believe that Godot education should be free? Me too! You will never find me on Udemy, Mavenseed, or Gumroad. Support these tutorials in any way you believe is appropriate; like, comment, subscribe or become a member of the GDC Club, thank you! kzbin.infojoin

[@pancakedev6]

first reply in 3 years

[@MartyScorchedEarthse]

Just getting into godot from gamemaker and I didn’t know it had its own built-in isometric view! Be still my beating heart!

[@GameDevelopmentCenter]

Haha, Godot is a very powerful tool :)

[@L3ijona]

wow man, this is first good tutorial about drawing order on isometrics. I learned that hard way back in days, so thanks for the video.

[@GameDevelopmentCenter]

Thx Leijona! I learned the hard way too 😅 What other topics did you had to learn the hard way?

[@L3ijona]

@@GameDevelopmentCenter mayby hardest part have been making collisions and offsets correct between static and moving assets. E. G. Rocket hitting the wall. I wish that had your tutorial 2-3y ago. Your videos have been really nice

[@GameDevelopmentCenter]

@@L3ijona That is definitely a good tutorial to add to this series :) Thank you for the suggestion!

[@adamgascoine]

Here's the script you need to attach to your tilemap to offset every tile. You'll obviously need to change the Vector2 offset to whatever works for you. Run the game, save the scene, save the TileSet itself, and you can then discard the script (or keep it for future use). tool extends TileMap var offset = Vector2(0, -192) func _ready(): for tile in tile_set.get_tiles_ids().size(): tile_set.tile_set_texture_offset(tile, offset)

[@superhawk6105]

I wasn't able to get this working, but here's a tweaked version that doesn't require you to run your scene. This will add a checkbox titled "Update Offsets" to the inspector for your tilemap, and whenever you click it it will update your tileset offsets, just save and you're good to go. tool extends TileMap var offset = Vector2(0, -192) export(bool) var UpdateOffsets setget _update_offsets func _ready(): pass func _update_offsets(new): for tile_id in tile_set.get_tiles_ids(): tile_set.tile_set_texture_offset(tile_id, offset)

[@writernightly2397]

thanks for this! i see some tile sets have slopes and ramps, a video on isometric platforming would be awesome

[@GameDevelopmentCenter]

Hey Writer Nightly, I will have a look into it. There is a lot of additional content people are requesting. Enough for at least 5 more tutorials ^^

[@Emerald3ME]

If you could update this tutorial for Godot 4 that'd be really helpful!

[@Nebulung]

Yeah, there's no Convert To menu option.

[@artmanstudios7037]

A good way to sort all those titles is to sort by putting them in a folder or group them by type of level or stage design. like put all the water dungeon in there own folder as oppose to fire, city, or town and so on. this way you don't have to load all the maps at once only the once your going to used.

[@juan7829]

You are the best man! Thank you very much from Argentina!

[@rankmayor4076]

Great video! Clear, coherent and straight to the point. Very well done, and I don't say that often lol. Keep up the good work and thanks a million!

[@GameDevelopmentCenter]

Thx Moon Maroon!

[@RisingDad]

This video was great and gave me hope for my project that I lost hope on.

[@GameDevelopmentCenter]

You can do it! GameDev is one big learning experience. Just go at it block by block :)

[@klebernascimentogueriero9504]

Just subscribed. Really nice content, a good explanation, nice example. Thanks for the content.

[@GameDevelopmentCenter]

Hey Kleber, thank for your comment and the subscribe :) Glad it was useful to you :)

[@gingerageousgames613]

When I use Kenney art with the huge empty space around the sprite I usually add an offset in the tileset. You can use a tool script to set all of them at the same time instead of doing one by one. It just bothers me to look at a tile so far from where I am clicking. Also it helps with having your player interact with the tile map later on if you need to check what type of tile they are on.

[@GameDevelopmentCenter]

Hey Gingerageous, I guess I should have done that, either through script or inspector :) Thx for advise!

[@bodhii]

Gingerageous Games Can you please elaborate on where and how to write the code for offsetting the tiles? In the tilemap or the tileset? Sorry, I'm a noob....

[@gingerageousgames613]

@@bodhii You can change almost any value in the editor using a tool script. You just loop through how ever many tiles you have and use the docs to find a path to the offset ( or whichever value you want to change). I don't want to push my channel on someone else's but I have a few videos explaining it specifically this and some other uses.

[@bodhii]

@@gingerageousgames613 I think that's ok, I have enough subs for everyone lol ;) And commenting will help GDC too. Thanks for the answer!

[@gingerageousgames613]

@@bodhii if you cant find it just let me know. I am on discord and Reddit too.

[@mwatkins0590]

anyone know how to do the equivalent scene>convert to... at 2:15 in godot 4? the convert dialogue option seems to be missing from the scene menu now.

[@rougechampion]

Create a new TileMap, on that tile map create a new tile set. On the bottom area click tileset and then you can drag your pngs onto the tiles

[@federicotamburini]

​@@rougechampionyes, but for put in the map?

[@yashwanthsrini]

Awesome tutorial. Thanks!

[@madfrag7549]

some tip regarding z-index from the real software development is to use hundreds, like 100, 200, 300 etc... in this case you have a (0,99) range for all upcoming stuff. So it is not a big deal to use it if the problem only in numbers itself anyways, repositioning the layers in scene hierarchy is more verbose, agree

[@GameDevelopmentCenter]

That's a good tip :) thx!

[@isabellnascimento4283]

Your awesome , that was a great video and I learned much!

[@GameDevelopmentCenter]

Glad you enjoyed it Isabell!

[@GDScriptDude]

Hi, thanks for this informative tutorial. I was thinking about the differences in faking 3D with this approach and going for actual 3D where all of the z-order, y-ordering and layering is done by the camera automatically. In fact I think it may be easier to do in 3D (apart from needing 3D models) and be able to pan around the scene. But I guess that the advantage of 2D is much less strain on the hardware if you develop a large world. I am getting inspiration for my next game from Production Line by Positech games who used this 2D approach.

[@GameDevelopmentCenter]

There is definitely negatives and positives to weigh. In 3d you are absolutely right. The extra dimension you get solves a lot of these 'drawing' problems. The downside is that assets take a lot longer to make, and map design (if you allow players to pan around) takes more thought as a scene needs to look good from all angles.

[@phantasmagoria8228]

Since you are doing tilemap tutorials, perhaps you could do a tutorial on creating a "chunk system" for implementing larger maps?

[@GameDevelopmentCenter]

Hey Phantasmagoria, thanks for the comment! A new tutorial on map design is coming out tomorrow. It will be about YSort and how you can move from tilemaps to props for additional functionality, specifically tailored to Isometric, as the tileset editor lets isometric design a little bit down. Now, I'm debating if I should continue this tilemap series, a topic for which there are a fair amount of good tutorials out there already (apart from the isometric). As an alternative, I was thinking if it may be a good idea to do an orthographic map design tutorial. What do you think?

[@phantasmagoria8228]

You're right about isometric not receiving as much love, which is unfortunate because it's my favorite map style. I think it'd be great if you did continue the series but I'm sure you've got several different series in mind. If you have plans for orthographic map design as well, by all means go for it.

[@CreativeSteve69]

Just saw your post from the godot engine facebook page. Will defently look through your great through videos to learn more. :)

[@GameDevelopmentCenter]

Hehe, welcome :) If you got any requests or feedback after watching some vids, definitely let me know :)

[@CreativeSteve69]

@@GameDevelopmentCenter Will defently do. :)

[@ecomkevv]

Very good video, thanks a ton seriously!

[@GameDevelopmentCenter]

Glad you enjoyed it!

[@EyezaGotSKILLZ]

Hi thanks for making this video. I was just wondering though, how did you learn all of this stuff on your own? Did you work in the industry at all?

[@GameDevelopmentCenter]

My pleasure Eyeza. Years of experience I guess. Fortunate enough to not have worked in the industry :)

[@masterroyale0376]

Great Tutorial :D

[@GameDevelopmentCenter]

Great to hear :)

[@masterroyale0376]

@@GameDevelopmentCenter :D You Still Reply All! Thx

[@wuberkz1692]

hello! great tutorial, you explained it easily and made it very understandable. i'm not sure if i missed it, but do these tiles have some sort of collision? for example, after i placed some tiles down, will a character be able to walk on them or would i need to create specific code for that? thanks :3

[@GameDevelopmentCenter]

As this is isometric, you would turn gravity off, technically you don't walk on it, you render on it.

[@wuberkz1692]

@@GameDevelopmentCenter oh yeah true, duh. thanks!

[@theusbat]

Can you share your tileset configuration for each set? I'm trying to add the wall but it has multiple tiles with 256x128 dimension, how can I make one tile as you did?

[@Lexe2009]

Great stuff ! Godot is so much better than Unity

[@GameDevelopmentCenter]

There are pro's and con's to both :) Definitely liking Godot more personally :)

[@DrWho2008t101]

great video.. thanks

[@GameDevelopmentCenter]

My pleasure !

[@always.182]

and how can i make this with godot 4?

[@hoss7582]

I was wondering why you wasn't using Y-sort lol. Do you generally set your tileset up for autotiles and collision also?

[@GameDevelopmentCenter]

Ysort never got me anything in an isometric on an isometric map. I got this feedback on reddit too, so maybe it is my lack of understanding. I will dive into it and come with a 2.0 version replacing this tutorial if needed.

[@hoss7582]

I was thinking maybe isometric might behave differently. I've been following along your tutorials with an orthogonal map. I also was curious if autotile and collision setup in the tileset behaved the same or not. It definitely has me wanting to try an iso map out to see the difference if any.

[@GameDevelopmentCenter]

@@hoss7582 yeah I will get a tutorial going for auto tiling. I personally think that if you have the assets for orthographic, go orthographic

[@deletreamela]

Nice tutorial!, but on 3:34 my sprite does not match on the grid, it still in the wrong angle, thanks.

[@GameDevelopmentCenter]

I'm not sure what you mean. If this is still an issue, please join the Discord and post a screenshot in the tutorial-questions channel

[@deletreamela]

@@GameDevelopmentCenter Thanks for answer, the problem was that the textures i used were "angle" not "isometric" lol

[@GameDevelopmentCenter]

@@deletreamela Hehehe, yeah, that could have been a problem 😅

[@ernstpalfi4117]

Great Tutorial! Many Thanks from me!!!

[@GameDevelopmentCenter]

Again, my pleasure, glad you are finding some value in my tutorials!

[@Dosedmonkey]

Can you put instances on to tiles? I want to put buildings down as tiles in my RTS but with scripts attached to them.

[@GameDevelopmentCenter]

Not really, tilesets are not meant for that. Some basic logic is possible, but not enough for something like an RTS like

[@tiaoraitbg2347]

There seems to be a really big offset between where your mouse is and where the tile is placed, is this something that could be fixed when making the tres file? When you dragged stuff in, it wasn't located at 0,0 but somewhat down and to the right, I was wondering if that could be the cause?

[@GameDevelopmentCenter]

You can set the offset in the tileset editor, you could also run a tool script to do that for every tile you created. I get back to this in other tileset videos as it has some consequences to how you set up your collision and navigation polygons within the tileset editor, and I thought it would be to much for a single tutorial.

[@tiaoraitbg2347]

@@GameDevelopmentCenter I'll check out the other videos, I was just wanting to make sure that this wasn't a Godot bug. Thanks for the response!

[@GameDevelopmentCenter]

@@tiaoraitbg2347 You're welcome!

[@alfred.clement]

I wonder if this could be done in Godot 4.x

[@GameDevelopmentCenter]

Of course, if anything, it is easier. Core 2d features in a game engines aren't going to be removed...

[@tomshm]

Thanks for this great tutorial. I'm using Godot 4.1 and there is no Convert "magic" button like demonstrate here. Any chance you explaini how to use same assets but with Godot 4.1? Mainly, what is the process to convert those images to TileSet.

[@GameDevelopmentCenter]

I'm not using Godot 4 myself yet as our project will be released in 3.5 before we migrate.

[@tomshm]

@@GameDevelopmentCenter downloaded 3.2 just for converting tiles. it kinda works but im not happy with the results. they messed up we the new TileSet concept. doing so I get multiple Atlas instances one per. so awkward its a shame. trying to merge many Atlas instances, CPU strugles and Godot crashes eventually.

[@iiiooo3803]

Assets that you have downloaded from kenny have two versions isometric and one that is more like top down.. can i combine both in same project or there are some limitations

[@GameDevelopmentCenter]

There is no technical limitation. It comes down to aesthetics, mixing two views/projections is rare, but therefore also unique I guess

[@iiiooo3803]

Thank you!

[@semtx13]

Ye ha!! I've been waiting on this video, thanks man!

[@GameDevelopmentCenter]

Haha, hope it meets expectations! Let me know what you miss or would like to see if I continue this topic into several episodes :)

[@semtx13]

@@GameDevelopmentCenter I would like to know y sorting that you were talking about, but do what you wanna do lol. Once again man great video, thanks for doing this, I've learned a lot from you.

[@GameDevelopmentCenter]

Yeah I will do that video too. Seems like a lot of people are after that information :)

[@lostlost8246]

at about 620 he mention he has that other node and how to duplicate the floor setup? im still stuck with a tile map not a folder named floor? what did i miss its doing my head in?

[@GameDevelopmentCenter]

I renamed tilemap to floor

[@ernestogamergamer5844]

This is not according to the subject of this video, but can I use 2 languages ​​like GDScript and C # in the same project?

[@GameDevelopmentCenter]

Yup you can, just not in the same script

[@mdashrafulislam969]

Can you please tell me how can I make my own assets?

[@GameDevelopmentCenter]

I think Google is going to get you a lot further than I can in a KZbin comment. Most important gamedev skill and the most important is your 'Google kung fu'. Take the oppertunity to practise is :)

[@gams1123]

I download a map tile set that wasn't 256x128 and the website I downloaded it from didn't tell me the cell size of the tileset. Are there maybe any common sizes for tile sets that this one may be? This is a super dumb question but yeah...

[@GameDevelopmentCenter]

Hey Gams, no question is dumb. I have run into exactly the same issue. You could put it in photoshop and measure the tileset there, or in the Godot, in the tileset editor, you can set the snap to 1 by 1 pixel and with a lot of zoom get it perfect and measure it.

[@ДмитрийЛеухин-ф6ш]

Just testing Godot,not bad

[@robertoaguiar6230]

hmmm I'm picking up an accent here... you also said childs intead of children ad cactus rathen than cacti... could I be seeing the work of a compatriot? keep it going bro 👊

[@GameDevelopmentCenter]

Hahaha, good feedback! I guess I will have to work on that :) compatriot.... based on your name I would think not :P

[@guillermolmr]

No way, I just saw kenney sprites and came looking on how to do isometric on godot to use them.

[@Simracingone]

Ne fonctionne malheureusement plus avec la version actuelle , impossible de convertir sur la derniere version :(

[@McHumaty]

Hello, Why is the wall marking (blue square) away from the base of the wall tileset (4:07)? I'm having the same problem and I don't know if there is a way to solve it. I created the tileset with CollisionShape2D but I am unsure if in fact the properties are being applied, since the base of the element I used in the creation of the tileset was not important for the game, causing me to have an error similar to yours ... is this a bug?

[@GameDevelopmentCenter]

If you set the off-set in the tilemap you can fix it. Somebody posted a tool script in the comments here in this video to fix it in batch for all the tiles

[@McHumaty]

@@GameDevelopmentCenter Yes, I just saw... so I would have to put a script for each tilemap that has this difference in positioning?

[@GameDevelopmentCenter]

@@McHumaty Yeah, but you only have to run the tool script one time. After that it will be corrected and you can remove the script

[@Bob-yp3fk]

I'm following this tutorial but for some reason the tilemap isn't loading the .tres file :(

[@Bob-yp3fk]

Fixed it! for anyone else, I'd missed moving the images into the scene before making the tilemap

[@FxTR22]

tutorial outdated, stuff like saving custom tileset does not work anymore, godot says it cant recognise dungeon.tres

[@RskSmiles]

It was made 4 years ago 😂

[@Papa-ur3ju]

😘

[@cookielaty8629]

Erster deutscher

[@GameDevelopmentCenter]

Willkommen :)

[@kichi536]

guh-dow

[@youcanchangehandlewithin14days]

hi i want to ask you someting. So when i did that sorting thing (like make a special folder for resources like floor, walls, etc.) it says safe save failed and how to fix it?

[@GameDevelopmentCenter]

KZbin comments is not made for debugging problems. Join the Discord.

[@schwiftybits]

This guy's tiles really seem 256x138 to me when I inspect them?