Unity UI Tutorial | An introduction

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

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

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

    Does the background music remind anyone else of the song "maneater" lol

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

      Yes lol

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

      ae

  • @guike
    @guike 11 หลายเดือนก่อน +11

    I'm only 6 minutes into the video and I already know the next 22 are going to be pure gold as well! Very informative for a Unity newbie! Great pace and you're going over all the little things that are probably trivial for advanced users. Thank you!

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

    I like how i always just find a video on what i want to learn and i get half way through and remember i forgot to watch it

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

    This was a decent tutorial. I've pretty much finished it over the course of a few days of a little effort here and there. I will say that if you haven't made the change since, you should be careful that your finished video doesn't jump over some of the smaller stuff in the future if you can. It did make following your steps a little difficult, but overall, it got the job done. Thanks for giving us your time and effort, as well as some simple but invaluable resources.

  • @vunnder
    @vunnder ปีที่แล้ว +17

    This is such a great tutorial. I had basic understanding of most of the concepts that were covered, but this really helped me to get a better understanding of them, and to clean up some of my own UIs!

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

      Awesome! Glad to be able to help

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

    Excellent explanation of how anchor points work and the recalculation of Rect Transform when you adjust the anchor points. I finally have a decent understanding of how to position elements on the canvas. Well done and thank you!

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

    If you change the canvas render mode to camera (instead of overlay) and drag the scenes main camera into it, unity will show the UI in the same box as all the main objects (it will be in the same section as the cube instead of zoomed all the way out).

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

      Interesting, I may have to give that a try. Does it affect anything else from a technical standpoint (Like during gameplay) or is it just the way you choose to edit the UI?

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

      @@jonathantylerdesign It doesnt affect anything during gameplay, it just allows you to set up the UI on the main scene instead of in a separate section (which is pretty helpful when looking at the scaling and position in comparison to other game objects).

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

      @@khana3618 that's not true. It does affect things. Read the documentation that is linked in the description

  • @전은아-y4z
    @전은아-y4z 5 หลายเดือนก่อน

    Unity's UIUX was awkward, so I couldn't handle the tool properly, but seeing your tutorial allowed me to place it in the scene. Thank you for your help. I'm used to blueprint coding, so it's still difficult to implement interactions.

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

    I am extremely new to Unity, but your Tutorial helped me out a lot. I was getting frustrated at the Unity Learn site, I just wanted to learn how to code some basic buttons.

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

      Glad I was able to help

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

    Awesome job on this tutorial, your voice, the music, and the information made it easy to sit through

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

    I DO LOVE YOUR EXPLANATION. TNX

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

      You're welcome :)

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

    THIS IS WHAT I NEED. 30MINS OF A VIDEO WOOOOO. THIS IS THE PEAK OF AIA. THE BEST. THE GREATEST. although we need them funny edit ngl >.>

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

      Lol true. There’s a reason I stopped make videos like this lol

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

    Good tutorial, thanks for the video!

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

    Great UI tutorial. Thanks!

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

    thank you so much! this is a wonderful tutorial and you explain so well :))

  • @Lavxa
    @Lavxa 8 หลายเดือนก่อน

    Love your videos!! Thank you

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

    great!

  • @ananasikakotik
    @ananasikakotik 11 หลายเดือนก่อน +3

    what should I do if I can't move the background image into the scene? I'm trying to move an image from a folder Assets to Source image but this action is marked with the unavailable icon

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

    Very good tutorial! (I think the best if i think correctly)👍🏻

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

    For any one that wants a more accurate edit for the nine sprits set the L, R, T, B to 114

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

    Thank you!

  • @Christian.goth.
    @Christian.goth. 6 หลายเดือนก่อน

    thank you so much!!!!!!!!

  • @RandomPerson-wl5id
    @RandomPerson-wl5id ปีที่แล้ว

    Thank you so much!!!!

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

      You're welcome!

    • @RandomPerson-wl5id
      @RandomPerson-wl5id ปีที่แล้ว

      @@AIAdev this video was very helpful!

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

    thanks bro

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

    My game will have 4 constant UI screens displaying information in each UI at the same time, should I do multiple canvases or one big canvas with multiple panels?

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

      I’d do one canvas with multiple panels

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

    I did the same thing in the video for the background and it doesn't work, it just gives me a solid color? The image texture has had the Texture Type set to Sprite (2D and UI)

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

    would you mind help me figure out how to create labels for my 3d models? Its my first time using unity and i have to make an AR app which has to label parts of a cat's organ

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

      You can create UI canvases in world space

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

    How come when I adjus the pannel size the Canvas size also gets adjusted? Also the button is hiden behid the canvas no matter where i set it in the hierarchy. I also set my canvas render move to screen space overlay, the pannel is also set to stretch and I have the same hierarchy (this is a brand new project following this video in unity 2019 lts). I can only seem to follow this tutorial when the canvas is set to world space render mode instead.

    • @Blink.M2Dev
      @Blink.M2Dev ปีที่แล้ว

      remove the camera from the canvas and inventory file and then position your items, then reassign the camera, the view port has to be zero for it to show everything, I think there is a reason why but I can't think of one. The unity guys in Amsterdam were definetely smoking something when making this game engine, it's powerful, if you can find what you are looking for.

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

    thanks

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

    so why did u do the panel white then the background is fine after i dont understand'

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

    Sir,how to connect this ui with game?

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

    damn, opened this video since i needed to do some Unity stuff instead of playing Destiny and whats the first thing i see? Destiny.

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

    how do I add images to the source image tab? I put them in my assets folder on my file explorer and I changed the texture type to 2D and sprite but it still doesn't show up

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

      you can always drag and drop the image from its location to the source image input field. You may need to lock the inspector when doing this. There's a lock in the top right corner.

  • @Aisha-zp3fu
    @Aisha-zp3fu ปีที่แล้ว

    how did you added the background image to the source image? I'm stuck there.

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

      If you're still stuck, then do the following:
      Import image as an asset, click on the image and set to Sprite(2D and GUI) then find the apply button by scrolling down. Afterwards, there should be an arrow on the image in your assets, click the arrow and use the sprite inside of the image. Let me set mine at least.

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

    My buttons were not clicking during play. Can you please help me ? I am new with unity. Thank you.

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

      Make sure there is an event system in the project. If not, right click and add one

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

      @@AIAdev there was an event system. Eventhough the click wasnt working. Do you have any other advice for me ? Thank you.

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

      @@faiksami94 it's hard to know without being able to see the project. There could be something in front of the button that is obstructing clicks, if the canvas is in world space, the camera may not be assigned, raycasting could be disabled on the button or target.

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

      @@AIAdev thank you again. Will check.

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

    Why is wood child of the shadow? Shouldn't it be the opposite?

    • @420-e1p
      @420-e1p ปีที่แล้ว

      Same, im confused

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

    where can I get the font from?

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

    sir will UI work in hololens?

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

    1:07 What if you don't have an open area?

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

    The sprite is not added to image then what should I do...???

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

      The import settings on the image you want to use needs to be set to “sprite”

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

    Did it really needed to be that long?

    • @boobak
      @boobak 7 หลายเดือนก่อน +1

      While the length may seem excessive, it was necessary to ensure that all pertinent details were included and thoroughly explained (no)

  • @Blink.M2Dev
    @Blink.M2Dev ปีที่แล้ว +1

    UI builder in Unity is extrememtly non intuitive, and nearly impossible to understand how to do anything. Most guides that try to walk you through UI builder will tell you what to do to make a clickable button that does nothing, and that is as far as they go. They also assume you already know everything and every term, they expect you to know what classes, arrays, etc are. I want a damn drag and drop interface builder, why can't I drag the button where I want it? And what is the difference between making a button on the canvas and making a button in UI builder? Do they work together? if so HOW and why? I just don't get how no one has made a competent UI building app yet. I am getting sick of web based app creation also, it's not a thing and needs to just go away. Honestly it's easier and faster to create a UI using just game objects and a background images with scripts attached that are written by AI. I made more progress this way in an hour than I have in 3 days trying to use UI builder in unity.

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

    I made 1.2 mil, no g cowboys

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

    Could you please don't editing every middle of tutorial so suddenly?
    I sometimes lost your tutorial 😢
    For example: 9:10 you suddenly swap screen into create image layer, and I do not know how to make layer called "Image"

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

    Good quality but extremely hard to follow video. You do so many things and click so many items that you don't verbally say. I had to pause the video and re-watch loads of times just to find the hidden buttons you clicked without saying anything.

  • @Islamic.Bayan.78
    @Islamic.Bayan.78 ปีที่แล้ว +1

    1

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

    name your main menu items better. Makes it so confusing

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

      I'm curious if you have any suggestions for what I could have named them instead?

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

      @@AIAdev oh i never thought you'd actually reply. Its cool, i was just frustrated since I was looking for a more basic and simpler implementation. Good stuff .

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

      @@AIAdev hi, would you mind help me figure out how to create labels for my 3d models? Its my first time using unity and i have to make an AR app which has to label parts of a cat's organ

  • @yooogur_t
    @yooogur_t วันที่ผ่านมา

    12:23

  • @NoWar-n4p
    @NoWar-n4p 3 หลายเดือนก่อน

    Двадцать восемь с половиной минут пиздел о том как разложить прямоугольнички на сцене и ни слова о том как дать им функционал и как это сделать грамотно по структуре в коде, хорош 😋

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

    just taught you the stuff u could figure out

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

      then why are you here?
      its an "introduction" afterall

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

    I hate this system so much..

    • @Blink.M2Dev
      @Blink.M2Dev ปีที่แล้ว

      everyone does, idk who ever came up with it certainly didn't think of usability or ease of use.

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

    this tutorial actually sucks and wasted my time.

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

      what sucks about it?