How to Use the New TileMap in Godot 4

Поділитися
Вставка
  • Опубліковано 12 лют 2022
  • In this tutorial, we show you how to setup a tilemap in Godot 4 Alpha. We cover tilemap layers, terrains, collisions and much more. The new tilemap implementation is a huge upgrade from the one we have in Godot 3.4.
    Download Godot 4.0 Alpha 2: godotengine.org/article/dev-s...
    Download the tileset: jamiebrownhill.itch.io/solari...
    --
    Wishlist our action roguelite Furcifer's Fungeon: store.steampowered.com/app/17...
    Join our discord server: / discord
    Follow us on twitter to stay updated on Furcifer news and tutorials:
    / tweetfurcifer

КОМЕНТАРІ • 332

  • @PlayWithFurcifer
    @PlayWithFurcifer  2 роки тому +103

    How do you find the new tilemaps?

    • @gaminggamma2875
      @gaminggamma2875 2 роки тому +4

      1000 mal besser als zuvor, alleine das fill Tool und das random tile Tool sind sehr nützlich und erleichtern einem die Arbeit bei großen Flächen

    • @huppsy
      @huppsy 2 роки тому +4

      I love the new filling mechanic!! 😍😍

    • @stesproject
      @stesproject 2 роки тому +2

      thousand times better. I think are unusable right now in Godot 3, due to the way you have to setup collisions

    • @johnnygossdev
      @johnnygossdev 2 роки тому +4

      Thanks for the great overview! It's better, but as touched on in the video, I've found the added options make the UX a bit difficult. Proper docs will help with this for sure.

    • @dugtrioramen
      @dugtrioramen 2 роки тому +10

      It's a mix of an upgrade and a downgrade for me. Yes it's more capable, but the UX seems to be a bit worse with how much setup there is. Like autotiles, they used to just be drag over an autotile area, then place red bits. Now there's a lot of setting up terrains and terrain sets, and swapping back and forth between editor and inspector

  • @jamiebrownhill_
    @jamiebrownhill_ 2 роки тому +235

    I really appreciate you using my assets for this tutorial! I might even use it myself to make example maps for my itch page! 💚

  • @Multibe150
    @Multibe150 2 роки тому +107

    While I was tinkering with the alpha the other day, I found out that you can also make hexagonal, isometric and bricked tilemaps. I can't believe how much they have improved this feature, and I can't wait for the beta to update for good!

    • @PlayWithFurcifer
      @PlayWithFurcifer  2 роки тому +20

      Hexagonal shapes sound so fun for a game!

    • @contentconcierge7629
      @contentconcierge7629 2 роки тому +3

      so hypotheticly if I were to make a isometric tile map I could create slops and define the with the collision tools in the tile map editor?

    • @JacobKinsley
      @JacobKinsley Рік тому +1

      @@contentconcierge7629 i would say you'd probably have to write a script for objects on slopes to interact with other layers. You can animate collision if that helps.

  • @takoyaki_1i
    @takoyaki_1i 2 роки тому +56

    I'm in love. I was waiting this update for so long and now I get to see that it is even more powerful than I thought I'd be. Thanks for showing it to us with this tutorial

    • @PlayWithFurcifer
      @PlayWithFurcifer  2 роки тому +2

      It's a pleasure to show the power of this engine

  • @gillesroudiere541
    @gillesroudiere541 2 роки тому +46

    Great tutorial, it's a good overview of the new system features! I am happy to see I did not have to write too much documentation before users figure it out... ^_^"
    I hope to find the time to fix the few remaining issues, though.

  • @Crisisdarkness
    @Crisisdarkness 2 роки тому +54

    It's amazing how this has improved, thanks to Godot's collaborators, very good lesson, now people will be able to design levels more easily, I hope that during this year the stable version of Godot 4 can be released

    • @PlayWithFurcifer
      @PlayWithFurcifer  2 роки тому +10

      The tilemap was implemented by Gilles Roudiere, he's done some great work. I really hope so too!

  • @tomtravis858
    @tomtravis858 2 роки тому +361

    So, Godot's tilemap system went from being one of the worst to one of the best? Amazing!

    • @PlayWithFurcifer
      @PlayWithFurcifer  2 роки тому +84

      It was definitely the right decision to rewrite it.

    • @elidelid
      @elidelid 2 роки тому +60

      Godot has the best character development

    • @abtin663
      @abtin663 2 роки тому +10

      Atleast it had it
      Not like unity how you have to add it

    • @christucker9566
      @christucker9566 Рік тому +4

      @@abtin663 Unity has built in tile support, lol..

    • @b-lotus5145
      @b-lotus5145 Рік тому +2

      @@christucker9566 people stick to the past xD

  • @molotov3782
    @molotov3782 2 роки тому +26

    a trick you should know: if you change the "debug/shapes/collision/shape_color" property of the project settings to full white, you will be able to change the color of the CollisionShapes to whatever color you want in modulate property

  • @Rayo75
    @Rayo75 4 місяці тому +4

    TIP: For anyone having problems making particles collide with the tilemap:
    Keep in mind that particles only collide with light occluders.
    [TileSet > Rendering > Occlusion Layers]
    You need to create an occlusion layer for the tileset resource (inspector menu) and add a "hitbox" to the tiles you want (TileSet menu at the bottom) to collide with particles or to cast shadows (works for both).

  • @Alche_mist
    @Alche_mist 2 роки тому +16

    Amazing video on the most important Godot 4 feature for me.
    The only downsides are lack of weird jokes and Dorothea's hair, two of the defining traits of your channel (in addition to high-quality Godot content, which obviously is present).

  • @kapitanluffypirata
    @kapitanluffypirata 2 місяці тому +1

    Thank you for a very quick rundown. It's just 4 minutes and I learned more than what I have seen from other videos.

  • @exist-sz3tp
    @exist-sz3tp Рік тому

    Great tutorial! Really helped me understand after using the old one for so long.

  • @MrAntraxico
    @MrAntraxico Рік тому +1

    Thank you for this amazing video. You layed out the important changes in a very thoughtful and concise way.
    One small thing for anyone who isn't getting terrains when you have already "painted on them" (2:55), keep in mind you need to have the map itself(the .png file) selected on the TileSet menu or it won't appear.

  • @JuanUys
    @JuanUys 10 місяців тому +2

    Thanks for keeping the video so succinct :)

  • @kirakiraboshi82
    @kirakiraboshi82 Рік тому +3

    Wow! I came across your channel a few days ago, and LOVE your content. After a very long break, I am finally back on my godot project. It is quite overwhelming, but just this 4-minute video is helping me with my current issues. I subscribed, and I will binge-watch your channel

  • @mackerel987
    @mackerel987 Рік тому

    Thanks a lot! Have a great year!

  • @DrOtter3000
    @DrOtter3000 Рік тому

    Great short overview. Thank you

  • @stesproject
    @stesproject 2 роки тому +3

    omg, thank you, thank you very much!!! I was struggling yesterday to understand how to setup terrains correctly, and now UA-cam just suggested me your video of just 20 hours ago and you explained everything perfectly! I'm so happy ❣️

    • @PlayWithFurcifer
      @PlayWithFurcifer  2 роки тому

      That is great! :D

    • @ibitox
      @ibitox 2 роки тому

      @@PlayWithFurcifer I'm still struggling with terrains 😒

  • @AlonElishkov
    @AlonElishkov 2 місяці тому +1

    Amazing recap, thanks!

  • @alectriciti
    @alectriciti 9 місяців тому +2

    Thank you for being concise and to the point!

  • @Parasnailor
    @Parasnailor 8 місяців тому +2

    Very informative and concise, thanks!

  • @vespirbelmont3131
    @vespirbelmont3131 Рік тому +1

    Wow...this is why I was super excited for 4.0! It's such an overhaul like this TileMap overhaul is godly!

  • @Thiagola92
    @Thiagola92 10 місяців тому

    I love this video so much, can't count how many times i came back

  • @RenderingUser
    @RenderingUser Рік тому +2

    this is the most unbelievably epic upgrade godot tilemap ever had
    i heard it was good but this showcase showed stuff i didnt even know would be possible
    kudos to the devs

  • @KaevYT
    @KaevYT 10 місяців тому

    This was SOOO hlepful! Thank you!

  • @alexeyklyshnikov7145
    @alexeyklyshnikov7145 Рік тому

    Amazing tutorial ! thank you !

  • @marc.lepage
    @marc.lepage 2 роки тому

    Impressed with the functionality demonstrated, compared to a few years ago.

  • @KlausWulfenbach
    @KlausWulfenbach 2 роки тому +1

    Fantastic tutorial. Very helpful.

  • @zeeziz
    @zeeziz 3 місяці тому

    THANK YOU I WAS SO CONFUSED

  • @RyanScottForReal
    @RyanScottForReal 2 роки тому +3

    Besides an omission in the docs that prevented me from setting tiles in code, I have found it to be a lot better. Definitely more complex and sophisticated but not half as frustrating. Being able to add unlimited custom fields to each tile saves a ton of code. And the collision editor actually works. Took a minute to understand it we need tutorial videos for sure

  • @GlennIsNotReal
    @GlennIsNotReal 2 роки тому +8

    This is next level. Especially mapping scenes as tiles. I've just been using a script to do it. Pretty good for level editing

  • @louxie6367
    @louxie6367 4 місяці тому

    Thank you so much!! I really needed this :D

  • @ralphm.881
    @ralphm.881 11 місяців тому

    Great tutorial!

  • @liefhebber6277
    @liefhebber6277 5 місяців тому

    0:30 Cool to note that in the newer versions, they specifically say "TileSet bottom tab" for clarity. Cool to seem them keep improving even innocuous things such as this!
    Thanks for the vid

  • @daliborgarza5244
    @daliborgarza5244 2 роки тому

    thats rly a crazy update, so many new features

  • @davidcrader5297
    @davidcrader5297 Рік тому

    Thank you for this video it really did help a lot

  • @scaffus
    @scaffus 2 роки тому +3

    This is a great tutorial, the tilemap seemed difficult a t firtst but now, it's easy thanks!

  • @nyuh
    @nyuh 2 роки тому +5

    wow tilemaps are so amazing now! thank you fur making this :D

  • @datadude295
    @datadude295 Рік тому

    On the "hold shift" part where you selected the whole tree, is there a way I could do that but not for a rectangular shape? Such as if the top most portion is only 2 wide but it gets wider until by the bottom it's say, 6 tiles wide?

  • @KillerGameDev
    @KillerGameDev 7 місяців тому

    Very good tutorial. I have a question though... I watched this as a companion piece to the zenva lesson from an old godot 3.0 tutorial. In the tutorial, we used individual tiles and he relied on the "convert scene to tileset" feature that was removed. Using the scene method in your video seems like it might be more of a loading issue if the whole tile map used it. I ended up opening all 64 tiles in photoshop and dragging them into position so it could once again be split up in godot. This seemed counter-intuitive because they started split up. Is there a way to use pre-split tiles with the new godot tilemap system easily?

  • @blissfull_haven
    @blissfull_haven 4 місяці тому

    hi i dont understand do you creat your own tilesmap or does it allow you to change teh sprites on tilesmap is already done or you enchant the tiles map you already have?

  • @Apebek
    @Apebek 27 днів тому

    Do you know if it's possible to make a basic map from for example 3x3 spritesheet and then later make it into a 4x4 without breaking it in godot?
    It feels like I have to design the complete tilemap and predict what I need before designing a level cause I see no option to resize it or change the amount of tiles.
    I just want some basic tiles so I can add stuff later.

  • @gaminggamma2875
    @gaminggamma2875 2 роки тому +1

    Danke für das tolle kurze tutorial

  • @Mysda_
    @Mysda_ 2 роки тому +10

    Shaders on tiles is crazy. I really hope it can connect with neighbors so that water can be done like that! Would make my dungeon tilesets a lot simpler!

    • @PlayWithFurcifer
      @PlayWithFurcifer  2 роки тому +3

      That would be crazy useful! Atm we rely on a weird workaround for that :D

    • @Mysda_
      @Mysda_ 2 роки тому +2

      @@PlayWithFurcifer Exactly the same. I made a liquid shader on a large rect under the tilemap and made holes in my tiles where my liquid is supposed to go. And adding moving border for foam was not easy at all ...

  • @pigdev
    @pigdev 2 роки тому +2

    DAAAAANG using scenes as tiles is a fantastic level design tool, geeeeez

    • @PlayWithFurcifer
      @PlayWithFurcifer  2 роки тому

      Its so much more convenient then using placeholder tiles :D

  • @sprite9849
    @sprite9849 Рік тому

    Very helpful, thanks a lot ♥

  • @yell9140
    @yell9140 2 роки тому +1

    Good video, useful and clear.

  • @Kaaxe
    @Kaaxe 8 місяців тому

    just started trying Godot now. This tool looks fantasticly powerful, although I was painting with the random tile placement feature and I wish I could have it randomly rotate the tiles as well, is that a thing??

  • @yaarmanneenu
    @yaarmanneenu 5 місяців тому

    akka super akka best video quick, short explain everything I want. Thank you

  • @michaelmeier3445
    @michaelmeier3445 Рік тому +1

    I tried the new tilemap and it is looking awesome indeed! I'm trying to figure out how YSort works with Godot 4. How do I make my player ysort together with the Ground Objects?

  • @danielsndgamevideos
    @danielsndgamevideos 8 місяців тому

    I don’t know if you’re gonna see this but I’m wondering how you got the trees not erasing the other trees in the back on that map. Are they on different layers or is there some hidden setting I’m missing?

  • @MaulLerGamer
    @MaulLerGamer 19 днів тому

    thank you so much!

  • @IzzMee07
    @IzzMee07 10 годин тому

    Hey i saw that when you place smth on de map like on 1:36 they had grey corners i have the same issue but on the next second you seem to discover it can you please tell me how i place things on the map without these corners too

  • @sovietdolphin
    @sovietdolphin Рік тому

    I have a question: Can you rotate individual tiles in the new Tilemap Edtior? I know it was possible in Godot 3 but I cant find any option in Godot4?

  • @anirudhchandrashekhar8938
    @anirudhchandrashekhar8938 2 роки тому +1

    Danke fürs tolle Video :) Ich freue mich schon auf das nächste!

  • @Connor3G
    @Connor3G 2 роки тому +1

    Thanks for the tutorial

  • @raulr994
    @raulr994 Рік тому +2

    I'm having trouble wrapping my head around the Tilemap terrain system. I don't really understand the matching modes "sides, corners, or both" and how to correctly set it up. perhaps a more detailed video explaining this?

  • @ButrintZeqiri
    @ButrintZeqiri 9 місяців тому

    THANK YOU SO MUCH FOR THIS VID OTHER VIDS ARE EITHER OLD OR HAVE NO EXPLANATION THANK YOU

  • @stefansigurdsson2146
    @stefansigurdsson2146 2 роки тому +3

    Love how quick and concise this walkthrough was! :)

  • @cementpluscactus2571
    @cementpluscactus2571 Рік тому

    Thx great tutorial

  • @milckshakebeans8356
    @milckshakebeans8356 Рік тому

    I have a huge atlas that includes the player sprites in it. Is there an easy way to load the sprites from the atlas without loading the entire thing? Currently I'm cropping the player sprites out of the atlas... It is pretty annoying

  • @Michael29116
    @Michael29116 10 місяців тому +1

    hey how I do so that in each level the tilemap is the same is that when I copy and paste the previous level the texture is deleted and I don't know what to do

  • @CruelusRex
    @CruelusRex 2 роки тому +1

    Oh my, I'm so hyped for Godot 4!

  • @dermuschelschluerfer
    @dermuschelschluerfer Рік тому

    Damn, i felt like this is completely new. This will be great when its released! Actually beeingable to create shaders and scenes in a tilemap is really helpfull and solves a lot of problems for my game

  • @FuzzyImages
    @FuzzyImages 2 місяці тому

    What is I have something that isn't rectangular or square, is there a way to add an extra tile to the object being selected?

  • @covenautadev7260
    @covenautadev7260 2 роки тому

    03:52 Amazing! I love this!

  • @LunaticThinker
    @LunaticThinker 2 роки тому

    This is all I wanted and more

  • @AngeloValentimMerlo
    @AngeloValentimMerlo 2 роки тому +1

    very very nice!!! thank you

  • @Drachenbauer
    @Drachenbauer 4 місяці тому

    You turned the huge 3x3 tree into a single big tile.
    I used this with a 3x4 staircase.
    If your big tile measures an even number of basic tiles in one direction, you should go to the seccond tab of the tile-set-editor, find render->origin and put - half of your basic tile-size in the field for the matching direction and than create collision-shapes.

  • @8cocked
    @8cocked 6 місяців тому +1

    idk if u still respond but when i download the Solaria demo pack, how do i use each individual tile in the png?

    • @takocain
      @takocain 6 місяців тому

      I'm having the same issue

  • @nightRobinO_O
    @nightRobinO_O Рік тому

    Nice! How can we add Normal maps for this tilemap?

  • @EmilioNorrmann
    @EmilioNorrmann 2 роки тому +1

    thank you ! very useful as always ! will try v4 right now :)

  • @wolfindragonsclothing
    @wolfindragonsclothing 4 місяці тому

    I can't seemed to get terrain sets to show any idea how I get that tab?

  • @mwatkins0590
    @mwatkins0590 Рік тому

    adding scenes to the tileset seems like it could be amazing, like if i had a scene that has custom script on it for interactions and has animation nodes and what not, that would just .. work?
    I am also very curious on how collision detection would work with a character walking around and there being things on a 2nd elevation layer that are collideable. I have so much experimenting to do now.

  • @yashojitbhaumik6012
    @yashojitbhaumik6012 Рік тому

    I laid some tiles in the editor tab. But when I playtest the code, my player just spawns in a grey background with no tile generated. What can I do to fix it?

  • @NFSNOOB
    @NFSNOOB Рік тому

    Now after the Godot 4 Beta1 release i needed to refresh my knowledge.
    Thx again for compromised great video (:

  • @Speed-TV
    @Speed-TV Рік тому

    Holy crap this is amazing!

  • @JonathanTash
    @JonathanTash 11 місяців тому

    The new tile system is so convoluted and confusing. Thank you so much for explaining it!

  • @BlendFin
    @BlendFin 2 роки тому +1

    Looks nice

  • @sslaxx
    @sslaxx Рік тому

    How much has been changed/fixed since this video and the actual release?

  • @Dark_Peace
    @Dark_Peace 2 роки тому +3

    For feature in new_features :
    Print("NO WAY"+feature+"THIS IS THE BEST THING EVER")
    Anyway I also just learned the différence between 3x3 and 3x3 minimal so thx

  • @hunam_
    @hunam_ Рік тому

    amazing video

  • @LucaPassini
    @LucaPassini 2 роки тому +1

    Thanks for the video! Godot 4 has so many features that it's difficult to find them all.

    • @PlayWithFurcifer
      @PlayWithFurcifer  2 роки тому +2

      Glad you liked it! We're still discovering new Godot *3* features almost daily, so yup, it's a lot...

  • @gaaty1954
    @gaaty1954 4 місяці тому

    Thank you

  • @matthiasjacobs5393
    @matthiasjacobs5393 Місяць тому

    Thank god this video exists

  • @user-hl5zx1qh7s
    @user-hl5zx1qh7s 7 місяців тому

    How do you scale image from tilemap?

  • @Bwubdle198
    @Bwubdle198 Місяць тому

    It all works for me,but for some reason the colliders on the sprites only do an inner square and when i draw the shape, it acts as if there isnt a collider except in the original orange square that you draw off of. Anyone got any ideas as to why and how to fix it?

  • @TTB08
    @TTB08 2 роки тому

    This will help when I make a game

  • @Shadowthevampire
    @Shadowthevampire Рік тому

    when i dragged and dropped the picture it did not automaticly slice the tiles for me, it dosent show that pencil icon and stuff either so idk what to do

  • @nicolascoronel4844
    @nicolascoronel4844 Рік тому

    How do I adjust the size of the margins of the mesh?

  • @micmacha
    @micmacha Рік тому

    Jesus Christ... this makes an absolute mockery of every other tile map editor I've ever used! This is amazing!

  • @riufq
    @riufq 2 роки тому

    so how big each tile for pixel arts size?
    like 32x32? or 16x16

  • @ultimatolucas
    @ultimatolucas 2 роки тому

    this feature is amazing to make fast iterations for game jams.

  • @amandeepsingh72
    @amandeepsingh72 Місяць тому

    My tileset randomly locked cant delete or add more tilesets to it any ideas? Thanks

  • @SuperHexadecimal
    @SuperHexadecimal Рік тому

    How do I add tiles if I have separate pngs for each tile?

  • @moonlifeSW
    @moonlifeSW 2 роки тому +1

    I just started learning Godot a few weeks ago. Is it worth it for me to start utilizing the alpha now or will it be easy to port things over? I'm a software engineer by trade for 15 years, just haven't done game programming before.

    • @PlayWithFurcifer
      @PlayWithFurcifer  2 роки тому

      There will be some compatibility breaking changes until the beta and the alpha is rather unstable at times. So, hard to say...

  • @ILoveWatchingTy
    @ILoveWatchingTy 2 роки тому +1

    Nice tutorial

  • @digitalman2112
    @digitalman2112 10 місяців тому

    I'm banging my head around how to define IDs or names to individual tiles within a tileset. The custom data seemed promising but is at the tileset level and not individual tile. For example I have a land_terrain tileset with grass, water, trees, mountains, etc. I'd like to be able to do some processing at runtime where I could loop through the tiles surrounding the player and change modulation, etc. based on the type of tile. Like if the player is standing next to a mountain tile then I want to turn off the tiles on the other side of the mountain so that they aren't visible. I can't seem to figure out any way to do this. I've used local_to_map to get the tile coords under my player but can't figure out how to get the tile or surrounding or how to assign data to a single tile.

  • @hatorimyers
    @hatorimyers 2 роки тому

    anyone know of any guide (or can you give some advice), on scripting in GD4's tilemapper. I'm kinda gradually moving my game over to gd4 (it pretty much needs rewritten anyway, I've been working on it for years and, well 2 years ago me was an idiot so I need to rewrite his code), anyway my world is mostly procedurally generated, using a lot of set_cell(x, y, 3) type commands on the old map... I can't seem to find a working set_cell in gdscript 4 (prefferably to set as just a terrain and let the autotiler do it's magic)

  • @zhy7374
    @zhy7374 8 місяців тому

    hello, y i cant paint any texture into my tile map?i clicked the "paint" icon selected the tile and then paint on the scene but nothing pop out~ pls help me~