Using the Tileset Editor in Godot 3.1 (tutorial)

Get our game creation courses: gdquest.mavenseed.com/courses
New Features in Godot 3.1 playlist: bit.ly/new-features-godot-3-1
Discord ► / discord
Twitter ► / nathangdquest
This video is licensed under the CC-By 4.0 license: creativecommons.org/licenses/...
You can attribute it to "GDQuest and contributors - www.gdquest.com/"

[@notsurt]

With the tree you can adjust the placement on the tile by using the "Tex Offset" property (eg. (-24, -48) to centre the base of the tree in the tile) and do the same with "Shape Offset" property to make the collision shape match.

[@decrodedart2688]

surt Hey surt! U on the Godot top huh??

[@Keys879]

Mannnn Godot is the best. Thanks, Surt!

[@StiekemeHenk]

Exactly what i though, damm. IQ 140? Because you sir, are a genius!

[@rtsa4633]

Mad coincidence that I saw your comment then found you on opengameart when I wasn't searching for you.

[@jsarnowski]

Wow! This is like heaven comparing to the tilemaps functionality in Unity! Thank you for this tutorial!

[@rionshikder813]

Unity tilemap sucks so very hard

[@geams]

@@rionshikder813 Still true a year later.

[@rionshikder813]

@@geams Amen

[@snowcode953]

Thanks for this video it is a very useful feature! I didn't knew it was so many options to play around with : )

[@megastkgames]

Great tutorial! Thank you, helped me a lot!

[@Zen-rw2fz]

you can actually change the offset of the texture, just missed the "Tex Offset" property in the selected tile options, not sure if it makes a difference for the z index tho EDIT: it does make a difference! no need for a second layer just for bigger props

[@kvcs_mark1980]

Thank you.I was struggling a lot with autotile

[@eliaszielke7764]

This tutorial has helped me a lot and really stood out from the others. Thanks for explaining everything in detail. Great job!

[@joshuaanderson6609]

Wow! The tileset editor is way more powerful than I realized!

[@christopherk1066]

best video of tilesets great explained! thanks

[@kylenki]

Thanks! Good info get me started.

[@bopsap.gammazape]

You mentioned in the tutorial the tileset used here would be linked in the description - any chance you could add that in, as it's currently missing :)

[@ruslanvafin]

Here it is, i think: opengameart.org/content/the-field-of-the-floating-islands

[@nitzanelster7919]

@@ruslanvafin Thank you so much :)

[@jensarnolds5888]

seconding this

[@zacktheslayer6564]

not sure if anyone mentioned this, but the last couple minutes is a different way of doing things; in the settings for the individual tileset objects, you can change the z index to change what goes on top.

Very helpful video, thanks!

[@StefanHolmes]

Thank you,. This was extremely helpful.

[@Raven-pt9bf]

THANK YOU SO MUCH FOR THIS!

[@SergioInToronto]

Excellent video!

[@masterroyale0376]

I Love Your Tutorials :D

[@Gdquest]

Glad you like them!

[@user-eo6yj7xh6c]

Great video! ^^

[@DarryQueen]

Yessss! I think I'll give your method a try on my channel 😎😏

[@Droid18Beta]

If you want to select a specific tile from an auto tile, just click the “disable autotile” above the selection sidebar

[@5minutemovies977]

If you want to have your props in the same Tilemap, it seems that you can set a "z index" in the tileset editor. Should take a look at that and see what it does.

[@WoYoSenseiPL]

That hint saved my tileset :P Thank you for a tip.

[@5minutemovies977]

@@WoYoSenseiPL Oh, I'm glad to know I helped. I didn't really tested it in depth but now at least we know it should work.

[@filsd]

Just tried this on Godot 3.2 and didn't work. :(

[@PiattTheDeveloper]

@@filsd Didn't work for me either

[@Gdquest]

In case you got here from the tileset preview video: I'm linking to this tutorial that will "officially" come out next week, as I'm moving to Japan again in a few days. This way it's all set up and I don't risk forgetting it on the release date.

[@edgeisloveedgeislife5439]

Is there any way to autotile 1 texture and give each "tile" in the autotile different scripts and properties? I want to make an autotile that makes a shape and get the coordinates of the corners of the shape with 1 texture. I could easily duplicate it to make an autotile out of multipe identical textures but I think that's a waste and I want to know if there's an efficient way to do so with 1 texture, plus I still don't know how I would add the corners to it.

[@caiomoreira7090]

Excelent tutorial 💙

[@andersonantonello3342]

Wow, thx you!!! I was almost giving up on Godot

[@upyours2707]

great tutorial

[@realabrar]

Thanks sir, u just got new subscriber

[@yacinemaaroufi6616]

Thx for the content am new to godot and i have an issue with collision in autotiling: how can i make two collision rectangles in the same tile square when autotiling. (the purpose is to make an autotile for a tube tunnel and need to collisde with both sides but not the entrence) thank you

[@christophersootoo9168]

Wasn’t until 6:50 I realized he was saying auto tiles and not Otto tiles😂

[@jeffstern1183]

Thank you, GDQuest - Super helpful! BTW, what tool/app do you use to draw the red arrows over your current working screen?

[@demiontus]

I thik is "epic pen" but i dont know

[@Vejitasei]

THANK YOU. Can you please show how to set up collisions for the AutoTitle (so that my player can't walk right through my newly created map edges). I've play around with it, but can't seem to get it to work consistently (some titles can walk through, some get collision, some get a mystery wall several titles away from the actually wall). Thanks in advance

[@stolkunoff]

good tutorial thanks you

[@urssaf343]

I'm finding Godot really enjoyable to use. Also this tutorial is an example to many others out there, generally speaking. Not just assuming you know everything.

[@federicorenkine4340]

i have an issue. when i load the tilemap i draw ion inkscape into the node, it doesnt appear snapped in the grid, its like it was sligthly moved to the left. In the inkscape project it was well snapped to the grid, 16x16 (same px size I set on godot). can anyone help me?

[@NewFunnyAnimations]

thanks!

[@moonrose1929]

I set a collision on my tiles but my player is still falling through the floor. It works on my test collision block which is just a simple CollisionShape2D with a black square sprite, but not the tilemap. What did I do wrong?

[@realFoxBox]

When you said that single tile is always top right and its not always useful there. I noticed in the Inspector that there is an option "Origin Tile" which is set to top right. Can't you change that?

[@gamesandthingswithben4244]

when i click tile map then go back to tile edito im not on the previously edit and i keep getting mad

[@geopopos]

is there a follow up video on this to add a character and movement?

[@neeha9449]

16:10 Stormed the whole internet for this solution, thx!

[@flaviokonti5522]

Damn, Godot is one awesome framework

[@cleysonlima9479]

How to create one way collisions in the Tileset Editor?

[@guyclykos]

How do I make an autotile interact with another autotile on the same node?

[@MAGAMAN]

Nice work! very informative and detailed.

[@professore3476]

where the heack is the tile set he said was in the description of the video

[@mobilegamekingdom1551]

Could you teach us how to create an animated Tileset from this new Godot 3.1 ? Thanks

[@lloyd011721]

is there a way to make it pick a random tile from a selected atlas?

[@Magicman8508]

As a beginner it would be nice showing the whole process. So starting with an "empty" Godot window. From what i understand the bitmap is the opposite of the collision. At least in this example. Is it possible to have multiple tiles for the center? For example one center tile with grass on it and one without and the editor chooses one of them randomly?

[@colly9888]

i don't think the bitmap is the opposite of collision. the bitmap just tells godot what tile to paint when you drag the generic tile over the canvas.

[@Drachenbauer]

how do you draw the red arrow wor marking stuff in this video?

[@simpson6700]

i was hoping you'd show us a way to attach the walls to the auto tile

[@ajinkyax]

can someone please share link to this tileset/textures ?

[@NateHeroic]

I've been searching but can't seem to find one. Do you have a tutorial or video on using/making isometric tilesets? I've seen some of your videos from godot 2. Do those still apply?

[@Gdquest]

I don't have a video about that, no. But yes the feature is still there.

[@Phosphoros47]

Is there an option for autotiling in dependence of adjacent different tiles? for example water to grass or water to sand?

[@chrisvogel.8370]

I don't think it would do this automatically, you'd have to either have multiple Autotiles drawn for each instance, or better yet, have a lower layer of water/dirt and draw auto-tiled grass above it with a 'hole' in it to show the water or dirt below.

[@Drachenbauer]

You sayd, we can find a link to the used tile texture in your description. But it is not there.

[@retronahu8767]

I'm just starting out with Godot and aiming at a top down ARPG kind of game. I have the latest Godot version as of today which I think is 3.1. My first goal is to create a map and have a character running around. Should I follow this video for creating the map? Or would you suggest I download and try to learn from the Open Source ARPG you guys have been developing?

[@jamesbeaupry9207]

I have similar goals, I'm planning on developing a top down RPG/Shmup game with Godot 3.1, and personally I'd suggest watching this first then delving into his RPG so you can see it be applied.

[@intrus012]

I started the same, but i decided to start streaming every single time I work on the game so if you'll like to join the chat and watch me work on the game find me on twitch - intrus18 ;)

[@rafaelgpontes]

The latest version is always the one on the master branch of the github repo. But you have to learn to compile the engine from source to use it. :)

[@medilies]

assets pleaz :)

[@jayedits_108]

i am not able to see the texture when i click add texture

[@minecraftviatr5009]

Hi, could someone help me, when i make a tile it's in the corner not filling the whole grid tile Edit: the step is 32x32 just in case that helps Edit 2: nevermind i didn't have the cell size right

[@user-qc1mc2ly8j]

Why cant i make the textures connect? They always have massive gaps

[@xezzee]

I have interesting problem. I use tileset in 2D platformer there fore I have tile set made to be interesting but not full blocks... like the edge... now my Player Character walks on air .... because I quicly tested hitboxes as full. Is there easy way to setup collision for tilemap to be same as bitmap? ;) that would solve My problems :D if not, what is the work around? manually it didn't work - can' cross in one direction lel becasue 1 pixel difference rip...

[@mothrahdizaztronaut6057]

You say the tileset can be found in the video description?

[@helluci6449]

Any idea how to fix the tree's point? ( 16:50 )

[@demosthenes7902]

snap options are gone as of 3.4

[@Aykes_]

why didnt i know this, i have been doing the old way and its so messy

[@EmilioNorrmann]

is this editor a little let`s say, unrelyable ? I've tried this tutorial several times and sometimes when selecting the tileset I can't edit it, it doesn't show the grid and can't addit, unless I load another tile, select the new tileset, and then select my previous tileset and now it loads ok.. same as with reloading the app

[@0oTHEJACKo0]

I just don't understand how the minimal of 3x3 bitmasks fits onto 16x16 pixels. How is that possible? It is not a round number, hence I don't understand how it works :D

[@tavindersingh8185]

How can I use tileset set editor for creating platformers like Mario?

[@super8bitable]

Just use a platformer tileset and add collisions to each tile.

[@masripaul]

Awesome videos for a newcomer! I'm confused about the "3x3 minimal" bitmask option. You said "minimal is what you can see here, with maybe a few extra tiles". Is there a definition of the full set that "3x3 minimal" includes? I've not been able to find documentation of this anywhere. Also, when drawing autotiles you said "The only limitation here is that the one-cell paths perhaps cannot branch from the corners." Does this mean that you can't draw diagonally adjacent cells? And if so, is this a limitation because of the tileset you're using? Or of "3x3 minimal"? Or of the current autotile drawing tool? Lots of questions in one here - as you can tell I'm trying to grasp how much can be done with "3x3 minimal" and in my case I want to have diagonals, not just vertical & horizontals.

[@NJIStudios]

Why does the quality of the objects become crap at 8 pixels? Its all blurry for me for my 8x8 images >:( (Fix is to go to Import and turn filter off... but why is that on... )

[@RebekahParkhurst]

Your PNG is already perfectly scaled for 16x16 tiles. How do I resize my texture if I have a larger file?

[@ThunderDraws]

Gimp, Krita, Photoshop, Clip Studio, Aseprite

[@RebekahParkhurst]

@@ThunderDraws Yea I can do that manually in photoshop, was just hoping I could do it in Godot :\

[@ThunderDraws]

@@RebekahParkhurst yeah but it just takes 5 seconds to do so no big deal

[@antidotcb]

And... where is tileset in video description?

[@walkerhumphrey181]

I can't seem to bring up the tileset editor. Whenever I try it says "autotiles" where as yours says tileset. Is there any way to do it without making them all autotiles?

[@daltonlange5636]

I am having the same error

[@walkerhumphrey181]

@@daltonlange5636 Are you in Godot 3.0 or 3.1? That was my problem

[@daltonlange5636]

@@walkerhumphrey181 Yeah so I just figured it out. I had to go and delete my appdata folder and reinstall godot to get it to work.

[@pugo7925]

How do I delete tiles I made in the tileset editor?

[@Gdquest]

There's a trash bin icon when you select a tile.

[@jpixelart8472]

11:18 - How to make rectangles areas? Hotkey please

[@Lethal_Virus]

i think its just dragging the mouse

[@bot-just-bot]

so we ignore 1:30 ?

[@LORDSofCHAOS333]

ugh looks fine to me

[@skillow4812]

my tileset is blurry for some reason

[@doctorblaze8754]

6:58 woah woah woah hey hey hey...

[@koemdjiev]

Where is the link to the assets?

[@ronaldpikksaar2202]

I think it's this opengameart.org/content/floating-islands-0

[@elissitdesign]

I want to make a game in Godot but the programming gets really hard fast. I can do everything but that. I feel like there is more I can do with Unity and minor programming skills.

[@Faun471]

You can always consult the built-in documentations in godot while scripting, this could be done by clicking the "Search Help" at the top right corner of the screen. Another tip would be to ask the r/Godot community, I'm sure your problems would be solved there. Happy coding!

[@MMasterDE]

Btw, the image in your github project has got some kind of strange issue. Basically, it's off by like one pixel or so at some places, so it looks horrendous when you try to do what you do in this video. At least that's my experience.

[@Edel99]

Links to the assets used in this video?

[@WebInspect]

I found them here, on the GDQuest Github: github.com/GDquest/godot-new-features-3.1/tree/master/04-04-tileset-editor

[@notsurt]

Tileset by Buch: opengameart.org/content/the-field-of-the-floating-islands

[@arturdias8462]

my tiles are upside down i dont understand

[@agent2413]

i dont get any tileset :(

[@davidskitrodriguez41]

upload for 3.5.2

[@mdtosif7839]

bruhh there is no limitation in autotile you can use it however you please in reality you didn't make a possibility for corners

[@omikron2973]

Can i get your tileset please?

[@genderfr3ak]

Its so finnicky

[@miningcow]

If your autotiles are doing the exact opposite of what they should be try restarting godot

[@hariharison128]

0:57

[@Paultimate7]

When you say youre going to add something to the video description, please write it down to remind yourself.

[@Gdquest]

I'm human. Out of hundreds of videos and dozens of projects, even if I always take notes, I will make mistakes. Instead of this kind of comment, how about kindly telling me what it is that I forgot? I'll update the description.

[@ncegrn6045]

U got a French accent in the video ;)

[@Rekiron]

Anyone else think the tileset editor is horrible ui wise?

[@sslaxx]

It's being changed for 4.0. github.com/godotengine/godot-proposals/issues/1769

[@switch3]

Whoever design this buggy mess of a UI needs to be dump headfirst into the toilet bowl.

[@Gremlor]

why are my tiles so fucking big I'm sorry for cursing but holy shit I cant figure this out PLEASE help

[@colly9888]

i think your step-sizes might be off? maybe scale the tiles 2x? I don't know without context, sorry..