Making 2D Levels with Isometric Tilemap in Unity

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ก.ย. 2024
  • (•̀ᴗ•́) و ̑̑ Hello everyone Welcome to my channel.
    In this episode, we will have a look at How to make isometric tilemap in unity (Not include Rule Tile)
    ★★★ Rule Tile Tutorial is here: • Isometric Rule Tiles i...
    〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
    ※Keyword※
    isometric Tilemap, transparency Sort Mode, Chunk mode, Sorting layer order, Tile palette
    〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
    ▶︎ If you like, Hopefully, you can SUBSCRIBE to my channel: / @beaverjoe9171
    ★★ This tutorial is inspired by this Unity Blog: blogs.unity3d....
    ★ Resources can be downloaded from my google drive: drive.google.c...
    ★ Also, you can download from the Unity blog above and view the six completed demo scenes
    (•̀ᴗ•́) و ̑̑ Text Version of this tutorial: www.evernote.c...
    Player movement and Camera Controller detailed Explanation: • UNITY CAMERA Control a...
    〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
    ★★★ Hopes SMASH likes and subs button. Very appreciate for your subscription.
    Have a nice Day/Night!
    〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

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

  • @beaverjoe9171
    @beaverjoe9171  4 ปีที่แล้ว +10

    【UPDATE】If you CANNOT FIND the Tiles Type when you right click on the Project window, You can go to the Unity Github(github.com/Unity-Technologies/2d-extras) Press the download button. Then Drag the whole fold called "2d-extras-master" inside your Unity Asset folder. Then After dragging complete, You can right click, Then Create - 2D Extra - Tiles. Find the Tiles Type what you want.
    I guess Unity has update the tilemap package so someone may have trouble on here. 😱😱😉😱😉

    • @BrandanLee
      @BrandanLee 3 ปีที่แล้ว +3

      This is one of those things that makes me so mad about unity. In 2020.2, you have to open your package manager json and use Notepad++or something, and add this line to it:
      "com.unity.2d.tilemap.extras": "github.com/Unity-Technologies/2d-extras.git#master"
      And ensure that Git is installed on your (in my case) PC: git-scm.com/download/win
      Restart your PC, restart your project, and then, you'll have all the 2D Objects that one would think would be a core part of the engine. :p
      It's not in Package Manager anymore, and it's not on the assets store, it's in that git! :p Totally unavailable unless you know this information. No documentation anywhere, and the documentation available is now incomplete.

  • @caramelatte5477
    @caramelatte5477 4 ปีที่แล้ว +14

    tysm for this video! I am a complete beginner in gamedev and I actually got into it because my first game idea was an isometric game. I dont know anything about graphics nor programming but this is helping so much

    • @beaverjoe9171
      @beaverjoe9171  4 ปีที่แล้ว

      Thanks for your likes and comment. You will have a bright future~ Keep going!

  • @CrisyFallows
    @CrisyFallows 4 ปีที่แล้ว +9

    Amazing tutorial that covers all the important bits for a basic game, well done

  • @rahulramesh2480
    @rahulramesh2480 2 ปีที่แล้ว

    This is the best and the most straightforward tutorial on youtube for Isometric 2D. If you're a beginner, I'd recommend changing the playback speed of this video to 0.75 and folow along

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

    By far the most comprehensive and clear tutorial I have found so far. Thank you

  • @Mystical-TEDDY_
    @Mystical-TEDDY_ 3 ปีที่แล้ว

    This tutorial is very good and you actually make sure to tell us why we do something instead of just telling us to do something and no teach us why we do those things. UR THE BEST

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

    Hey guys. In this tutorial, I used the official asset sprites which all of the sprites' size is 64 * 64. If you choose to use your own sprite and want your single image can match with one standard unit in Palette Window, You can watch this Solution that you must Change the Pixels Per Unit in Import setting.
    Post: forum.unity.com/threads/importing-isometric-tiles-too-big.743609/#post-4955756
    Solution: docs.unity3d.com/Manual/Tilemap-Isometric-SpritesImport.html
    Hopes this comment can help you after this tutorial~

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

    If you found some stranges black dots between tiles, making sure you have installed package 2D pixel perfect and pixel perfect camera component to the camera. This solution has provided by Vova Glushkov from comments. Very appreciate. 😉
    Also, the project has been uploaded on google drive: drive.google.com/drive/folders/1IePXFpNhNYJokhO7tEaSVRYqP_QOOycU?usp=sharing

  • @angrytoaster4045
    @angrytoaster4045 2 ปีที่แล้ว

    Thanks a lot. After some videos, the isometric style seemed rather intimidating, but now it is more relaxing.

  • @silentdeadlml6048
    @silentdeadlml6048 2 ปีที่แล้ว

    OMG. You explain perfectly what I was searching for hours!!!

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

    Hey there, nice video! Thanks a bunch for making it, been a while I touched unity and i am really happy they added this new tile-based feature!

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

      Yeah. Before publishing the TIlemap system, Each time when I made the world 2d environment, I used to drag each sprite to the scene which spent a bunch of time and looks not very standard. Thanks for your likes BTW !

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

    Wow.Never see detailed video before. Keep working sir

  • @SilasRobinson
    @SilasRobinson 2 ปีที่แล้ว

    Thanks so much for these videos! Very detailed and easy to understand :) Much appreciated.

  • @Banaan45
    @Banaan45 4 หลายเดือนก่อน

    Can your player move behind tiles like stand behind one of those hills

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

    Hi. I am having some troubles placing colliders on internal perpendicular edges. You saddly skipped that part in the video. Can you make it availaible?

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

      Sorry for the delayed reply. TH-cam seems not to notice each comment on my account.
      Do you mean on the 12:05 timeline I skip the process of placing red colliders? I found my back up videos and I guess I have deleted the original video.
      But there is another episode on my channel. One review episode of "isometric tilemap". You can watch that video starts at 7:32(0.5 X speed)There will provide a detailed process of placing colliders on internal perpendicular edges.
      Hopefully, this reply can help you to solve the problem~

    • @delwysglokpor3362
      @delwysglokpor3362 4 ปีที่แล้ว

      Don't worry. I figured it out by rewatching the video a couple time. You were using collider sprites different of mines so no wonder it didn't work for me.

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

    why my unity doesn't have tile palette window by the side?

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

      KuSH open windows toolbar on the top and you can find one selection called tile palette. Also making sure your unity version at least 2018 😊

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

      hi!! i had this problem and you have to go to package manager and install the package called 2D Tilemap Editor, it should be in the windows tab under 2d then :)

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

      @@BearyK8 Thanks for your help!!

  • @ilovelean2202
    @ilovelean2202 3 ปีที่แล้ว

    I don't know why, but when I put the composite collider on the tilemap, the shape of the collider is wrong

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

    The color of my collider doesn't change like 11:40 help plz. (sorry for bad english)

    • @beaverjoe9171
      @beaverjoe9171  4 ปีที่แล้ว +3

      Hi. You have to create one Material on the Project window. Then The Shader selection on inspector we select Sprites - Default. (I SKIP ONE STEP SORRY) You should drag this material on to your COLLIDER Tilemap Inspector. If you have any questions, you can Email me. I will response ASAP because sometimes TH-cam's notification will notify me quickly.

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

    I have a question. When ever i import any assets including the assets you gave here, it doesnt fit the grid. I dont know how to explain it but whenever i put a tile into the pallet, it wont fit it properly, it would just be smaller than the grid. I tried changing the pixels from 100 to 64, which was the value in your video but it wouldnt work. I tried searching up solutions which didnt work as well. If you could help with this i would really appreciate it.

    • @beaverjoe9171
      @beaverjoe9171  4 ปีที่แล้ว

      When I first time drag the tile into the palette, it also not fit the grid. I understand (3:10) Let me find the solution now.

    • @beaverjoe9171
      @beaverjoe9171  4 ปีที่แล้ว

      Do you check 3:22 I double click the Palette Prefab and select the child game object and change the property on the inspector window?

    • @beaverjoe9171
      @beaverjoe9171  4 ปีที่แล้ว

      I try to find why some images (Pixel Per Unit 64) cannot fulfill the Grid on Palette. If the Image size is 64*64 it should work 🤔Do you follow the step when you create the palette at 2:00. I am really willing to help you~

    • @ausar3105
      @ausar3105 4 ปีที่แล้ว

      @@beaverjoe9171 all right let me try that. Thanks

    • @ausar3105
      @ausar3105 4 ปีที่แล้ว

      @@beaverjoe9171 yeah I followed all the steps like exactly. Went through them three times. I tried messing around with the pixels also. But I think what you said about some pictures not being able to fulfill the slots night be correct since I didn't use the exact pictures. Thanks for the help, let me try other pictures now.

  • @RomiFauzi
    @RomiFauzi 4 ปีที่แล้ว

    Awesome tutorial, really appreciate it!

  • @alejandrosanjuan8890
    @alejandrosanjuan8890 4 ปีที่แล้ว

    Thank you very much for the tutorial, it's great, I have a problem when I finish my isometric scenario and I hit play, 510 setpass calls, 550 batches and 22k trins appear. How can I reduce them to improve the fps ?. I downloaded the sprites and they don't come in an atlas, can that be?

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

    Excellent tutorial, dude!!!!

    • @beaverjoe9171
      @beaverjoe9171  4 ปีที่แล้ว

      THX BRO!!!!!!!

  • @utkr07
    @utkr07 3 ปีที่แล้ว

    Excuse me, why i cant drag the character to hierarchy? The character is in png format.

  • @uniquehedghog
    @uniquehedghog 4 ปีที่แล้ว

    How would I pull off elevations like that, but with hex tiles

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

    awesome video! quick question how would it work for a multiplayer isometric world? you have any video that will show from login to the the in game?

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

      Thx for your likes and comment.
      Actually, I did not have any exp in the multiplayer field. If in the future I know how to do it, I will reply to you on here for sure!
      🍀Happy winter~

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

    really good tutorial

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

    Question: My tiles are being placed halfway down the grid and they have large gaps between tiles. I've tried adjusting the scale between 0.5 and 1 on the X and Y axis but nothing seems to be working. How do I make the tiles seemless like your video?

    • @beaverjoe9171
      @beaverjoe9171  5 ปีที่แล้ว

      3:08 Thanks for your comment. Did you Go to the Palette Prefab, then select the "Layer 1".(The child game object). In that inspector, Change the "Tile Anchor" to (1,1,0). 4:40 Under the Grid GameObject in hierarchy, "Basic" TIlemap's Tile Anchor (1,1,0).

    • @beaverjoe9171
      @beaverjoe9171  5 ปีที่แล้ว

      I mentioned two time-point to you. If you have any question, you can let me know. I try my best to answer you. (•̀ᴗ•́) و ̑̑

    • @Scalvenger
      @Scalvenger 5 ปีที่แล้ว

      Beaver Joe thanks! I’ll try that. iirc, I had it set to (1,1,1)

    • @Scalvenger
      @Scalvenger 5 ปีที่แล้ว

      @@beaverjoe9171 Nevermind, still having the issue. :/

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

      @@beaverjoe9171 Posted a forum message on the unity forums here: forum.unity.com/threads/importing-isometric-tiles-too-big.743609/#post-4955756

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

    Thanks you mate. You really helped me to understand this. ;)

    • @beaverjoe9171
      @beaverjoe9171  5 ปีที่แล้ว

      I am glad to help you! (•̀ᴗ•́) و ̑̑

  • @darrylwolfe7359
    @darrylwolfe7359 3 ปีที่แล้ว

    Im a beginner and I cant understand how an Isometric 2d game be called a 2D when the objects use x, y, z in positioning and size.

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

    hey, when i click on "2Dobject" the only option i get is "sprite". You know why? Im lackign all the options you have

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

      The isometric tilemap system release on Unity 2018.3 🐿. Could you check your Unity version. I think it might be one of the reasons you right-click on hierarchy, Go 2D object and cannot find the tilemap type selections. If it's not, Let me know and find another solution ✨~

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

      @@beaverjoe9171 that was perfect, thank you very much! :)

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

    Very awesome tutorial friend

    • @beaverjoe9171
      @beaverjoe9171  4 ปีที่แล้ว

      Thank you! I am going to make hexagon next time!

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

    Awesome video man

    • @beaverjoe9171
      @beaverjoe9171  4 ปีที่แล้ว

      BOREDBOREDBOREDBORED DEPPRESSEDDEPPRESSED thx bro☺️☺️

  • @tingwen1713
    @tingwen1713 5 ปีที่แล้ว

    thank you for making this video! :) you are the best!

    • @beaverjoe9171
      @beaverjoe9171  5 ปีที่แล้ว

      文亭 Thank you. I will keep sharing new tech for us~

  • @CASMANWHAT
    @CASMANWHAT 3 ปีที่แล้ว

    pls make more tutorials. you're very good.

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

    I want to do my own tile asset for unity. There are some tutorials, or do you have any editor simple to use for tile design?

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

      Non LoSo www.makeuseof.com/tag/best-pixel-art-tools/
      For me I used ps and aseprite. I have linked the descriptions. There are many tool u can select one.

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

      Non LoSo I will choose one tool which contains many tutorials on TH-cam by the way. So I can learn fast. Hopefully this info can help you😉

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

      @@beaverjoe9171 wow so fast Ahahahah
      Thanks for reply.
      I tried with Ps, but it's a little bit complicated do accurate stuff. I think I will buy aseprire.

    • @nonloso6384
      @nonloso6384 4 ปีที่แล้ว

      @@beaverjoe9171 thanks a lot for the Info :D

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

      @@nonloso6384 Aseprire is Trailer free! You can youtube search for one tool and checked the views. I guess you will find one suitable tool for pixel arts!

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

    great tutorial! thank you

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

      You are welcome. The reason I made is that when I first read that official Unity blog, I am also little confused and hard to follow her steps. So I downloaded her great demo and research it. Hopes you like it~

  • @user-em9su3dd9y
    @user-em9su3dd9y 4 ปีที่แล้ว +1

    Awesome, thank you.

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

    Can you pls send me uinity of what you done this

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

    Nice tutorial

    • @beaverjoe9171
      @beaverjoe9171  5 ปีที่แล้ว

      Bro. Thanks for your each replies. I rally appreciate. Many times TH-cam will not provide notification for me new comments. I found today and very grateful to your comments! If you have any question or want to know the detail project, I will send the link to you. BTW, I am going to set up one discord so that later we can communicate and talk about game design and engine easily.

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

    great job

  • @NguyenNguyen-bl7vx
    @NguyenNguyen-bl7vx 5 ปีที่แล้ว

    Thanks bro :)

  • @richardwestphal1015
    @richardwestphal1015 4 ปีที่แล้ว

    Best tutorial I've watched, but still way to fast for a first timer to follow.

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

    Idk why but the constant beeping annoyed me

    • @beaverjoe9171
      @beaverjoe9171  4 ปีที่แล้ว +3

      Sorry. The BGM needs to paid and I download his free version. So I don't recognize this beeping will much obvious. I have deleted this music in my other episodes. Sorry for annoying. My bad.

  • @calpal101
    @calpal101 3 ปีที่แล้ว

    8:50

  • @TheSaintsVEVO
    @TheSaintsVEVO 4 ปีที่แล้ว

    What is that beeping sound in the music? That is so annoying. Great video otherwise

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

      Sorry about that. I downloaded the free version music and not pay for the completed version. And this version inserts some voice which I did not recognize that. But now my current videos have deleted this song and many people all don't like that song. My bad. And thanks for your likes the content~🍄 >-