How to make isometric pixelart worldmap in Godot - Professor Bubbles Devlog #6

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 พ.ย. 2024

ความคิดเห็น • 52

  • @sleepycodecat
    @sleepycodecat  ปีที่แล้ว +38

    Hi there! Fun fact: I used Godot 4.0 movie maker mode to create those "blueprint" animations in this devlog.

    • @katiescape
      @katiescape 5 หลายเดือนก่อน

      ooo

  • @bigturtleworks
    @bigturtleworks ปีที่แล้ว +19

    Your art style and color palette look great! Thanks for making this video.

    • @sleepycodecat
      @sleepycodecat  ปีที่แล้ว

      Thank you for the kind words! Glad you liked it!

  • @xxEbonyShardxx
    @xxEbonyShardxx 5 หลายเดือนก่อน +3

    this seems so much easier than the game maker tutorial i was watching, I'll definitely be using Godot for my tactical RPG, thank you so much!!

  • @juliomingui8713
    @juliomingui8713 ปีที่แล้ว +5

    Love it bro, keep it coming! Thank you thank you!

    • @sleepycodecat
      @sleepycodecat  ปีที่แล้ว

      Glad you enjoyed the video! ☺

  • @juliocesar-po6hu
    @juliocesar-po6hu ปีที่แล้ว +9

    Nice small devlog, it's a bit hard to find isometric tutorials or examples in godot and your is a great one!

    • @sleepycodecat
      @sleepycodecat  ปีที่แล้ว +1

      Thank you so much! I'm glad if the bits&pieces there do actually help Godoers to create isometric games :)

    • @katiescape
      @katiescape 5 หลายเดือนก่อน

      isometric godot gang!!

  • @nguyenhuyson255
    @nguyenhuyson255 ปีที่แล้ว +1

    Can't wait for your next tut! Nice work!

    • @sleepycodecat
      @sleepycodecat  ปีที่แล้ว

      Thank you! Next one is already in planning, stay tuned!

  • @HonestGameDev
    @HonestGameDev ปีที่แล้ว +1

    Cool concept with using Godot 3D functionality to get the objects isometric views!

    • @sleepycodecat
      @sleepycodecat  ปีที่แล้ว

      Glad you like it! I guess with orthographic camera and basic 3d mesh shapes one can even construct a mock-up for an isometric scene.

  • @Nermit693
    @Nermit693 ปีที่แล้ว +11

    Nice tutorial! In Godot 4 you can have multiple layers in a tilemap, and ysort (and offset) each layer individually. If you think of each layer as a height level, you can quite easily build up the maps and avoid all of these sorting problems and not have to deal with edge cases. In Godot 3 you had to use multiple tilemaps to do this. The only drawback is that this makes drawing the tilemaps more tedious, as you cant save a pattern across multiple layers. You could solve this with a tool script though. In my case, I generate the maps programatically, so it doesn't matter.

    • @sleepycodecat
      @sleepycodecat  ปีที่แล้ว +1

      Thank you! I've heard layering in Godot 4.0 tilemaps gives even more flexibility for map designs, which is cool. Now that you mentioned the individual sorting/offsetting per layer, I need to go and play around with it a bit :)

  • @D_MAKER0
    @D_MAKER0 ปีที่แล้ว +1

    Great work keep it bro!!!! From South Korea.

  • @kb5425
    @kb5425 2 หลายเดือนก่อน

    Thank you so much!!!!!!!!

  • @ObviouslyProgrammer
    @ObviouslyProgrammer ปีที่แล้ว +1

    nice!!!!

  • @Afreshio
    @Afreshio 7 หลายเดือนก่อน

    thanks for this one tut my man

  • @Mt.COsygames
    @Mt.COsygames 10 หลายเดือนก่อน +2

    by the way the latest version of Aseprite has a tilemap feature now

    • @sleepycodecat
      @sleepycodecat  10 หลายเดือนก่อน +1

      That's right. It's a handy feature to have

  • @jashum8554
    @jashum8554 9 หลายเดือนก่อน +2

    does anyone know how to adjust the y sortig for climbin on top of new levels? for example if the tower in this example was an actual jumping puzzle

  • @ArtinNikkhoo-r9l
    @ArtinNikkhoo-r9l 8 วันที่ผ่านมา

    Awesome video!can i know what tools do you use for the art?

  • @MangaGeSy
    @MangaGeSy ปีที่แล้ว +2

    Your content is great to follow.
    How did you learn to make games?

    • @sleepycodecat
      @sleepycodecat  ปีที่แล้ว

      Thank you! I have learned mostly by simply making games :) which in the beginning around 1997 was
      a rocky road of trial&error as there were so few tutorials available. Luckily today thanks to yt/forums/reddit etc. learning to make stuff with Godot has been quite a bit smoother ;)

  • @Moliser3
    @Moliser3 7 หลายเดือนก่อน

    Goood

  • @aliothspectranet5678
    @aliothspectranet5678 6 หลายเดือนก่อน

    I feel like it desperately needed a section of going up and down, both with maybe hills as well as the ladder
    I'm not very fluent with Godot yet, so I can't tell if your method of having the player be able to go around the laddered mountain still allows for climbing said mountain either
    Perfectly fine if this wasn't within the scope of your project, this still feels like a very good overview on how one would get started

    • @sleepycodecat
      @sleepycodecat  6 หลายเดือนก่อน +1

      I'm slowly working on a follow up tutorial, which deals with isometric stuff in Godot 4 (setting up tileset, simple character controller and path finding). The mechanic you described would fit in quite well

  • @raihanaryaduta3434
    @raihanaryaduta3434 ปีที่แล้ว +1

    can you make video, how to make running walking with code in godot? and transition change area maps like a video

    • @sleepycodecat
      @sleepycodecat  ปีที่แล้ว

      Yup, a short video on a simple character controller is surely doable. Then again I have at least two devlogs videos in the pipeline to be published :P Probably the fastest way is to publish a simplified Godot project in github and let you mess around with it 😉

  • @mrArk_19
    @mrArk_19 9 หลายเดือนก่อน +1

    hey man, what is the canvas size when you draw that isometric tilemap on aseprite? hoping to be answered, thanks

    • @sleepycodecat
      @sleepycodecat  9 หลายเดือนก่อน

      It was 32x32 pixels

  • @KaletheQuick
    @KaletheQuick ปีที่แล้ว

    It has been FOUR months, and 'centered textures' is already gone. I just want the tiles to work! I started with Game Development Center's tutorial for godot 3.2, but I cannot find a way to import those tiles without doing them all one by one. Ugh!

    • @sleepycodecat
      @sleepycodecat  ปีที่แล้ว

      Tell me about it. I feel like some kind of helper plugin would be helpful here.

    • @gumz4183
      @gumz4183 6 หลายเดือนก่อน

      Gone as in, they’re removed?

  • @katiescape
    @katiescape 5 หลายเดือนก่อน

    Hey, have you got a link to the 'helper grid'

    • @sleepycodecat
      @sleepycodecat  5 หลายเดือนก่อน

      The one in the video is selfmade, but there are some templates online like this one: opengameart.org/content/isometric-grid-pack

  • @draft_fusion
    @draft_fusion 10 หลายเดือนก่อน

    Tilemap is not working and too confusing, going to look else where

  • @ClumsyCars
    @ClumsyCars 5 หลายเดือนก่อน

    i dont have the mode and other options on my tilemap

    • @AskEpic
      @AskEpic 3 หลายเดือนก่อน

      me either

    • @ClumsyCars
      @ClumsyCars 3 หลายเดือนก่อน

      @@AskEpic ive found godot tutorials to be extremely hard to follow because the software changes so often. Tuts from even a few months ago are no longer valid.

  • @damianavalos551
    @damianavalos551 2 หลายเดือนก่อน

    Now I know why gpt Say me to do the things with a menu that alrdy doesn't exist 🗿

  • @tristancarter4324
    @tristancarter4324 ปีที่แล้ว

    I don't even have option for tile map mode

    • @tristancarter4324
      @tristancarter4324 ปีที่แล้ว +1

      For anyone else you have to click "tile set" again to get extra options

    • @sleepycodecat
      @sleepycodecat  ปีที่แล้ว +1

      In this tutorial I still used Godot 3.x. In Godot 4 tile shape property for isometric shape is indeed in the tileset.

  • @Ari-lv8nc
    @Ari-lv8nc ปีที่แล้ว +1

    i subscribed

  • @magenta_juice8166
    @magenta_juice8166 ปีที่แล้ว

    You presented it very well. Very clear, I will definitely take your help. 🦾

    • @sleepycodecat
      @sleepycodecat  ปีที่แล้ว

      Cheers! So glad to hear that :)

  • @ArtinNikkhoo-r9l
    @ArtinNikkhoo-r9l 8 วันที่ผ่านมา

    Awesome video!can i know what tools do you use for the art?

    • @sleepycodecat
      @sleepycodecat  8 วันที่ผ่านมา

      Ty! I use Aseprite for pixelart and Gimp for the rest.