UGUI 기초 | 유니티

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 ก.ค. 2024
  • 개발단에 가입하여 베르의 게임 개발 유튜브를 후원해주세요!
    / @wergia
    유니티의 UI, UGUI의 기초적인 내용에 대해서 알아봅시다.
    영상에서 사용된 이미지는 아래 링크에서 Deco.zip 파일을 다운로드 받으시면 됩니다.
    drive.google.com/file/d/1w-1t...
    타임라인
    0:00 인트로
    1:23 - 캔버스
    3:35 - 메인메뉴 형태로 UI 만들어보기
    4:37 - Deco 이미지 파일 받아서 Image에 Sprite 넣기
    5:23 - 버튼 생성하기
    6:05 - UI의 순서 결정하기(누가 더 앞으로 나올 것인가)
    6:47 - 스크립트로 버튼에 기능 붙여보기
    본 영상의 오프닝은 비디오몬스터를 이용해서 만들어졌습니다.
    videomonster.com/
    [유니티 어필리에이트 프로그램]
    아래의 링크를 통해 에셋을 구매하시거나 유니티를 구독하시면 수익의 일부가 베르에게 수수료로 지급되어 채널의 운영에 도움이 됩니다.
    - 유니티 에셋스토어 : prf.hn/l/vJl41D5
    - 유니티 플러스 : prf.hn/l/wLNyJZG
    - 유니티 프로 : prf.hn/l/qXOybmp
    [투네이션]
    toon.at/donate/63773521276146...
    [Patreon]
    / wergamedevchan
    #유니티강좌 #UGUI #게임만들기

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

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

    따라하는데 막히지 않고 귀에 쏙쏙들어와서 너무 좋았습니다. 좋은 영상감사합니다~

  • @user-eb2fr1my1k
    @user-eb2fr1my1k 3 ปีที่แล้ว +1

    감사합니다! 너무 좋은 영상이에요 ^^ 좋은 공부가 되었습니다!!

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

    막힘없이 따라하기 넘 좋으네요. 강의 감사히 잘 봤습니다. 나머지 강의도 잘 볼게요! :)

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

    너무 좋았습니다! 감사합니다!

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

      봐주셔서 감사합니다!

  • @Jack-to7ur
    @Jack-to7ur 6 หลายเดือนก่อน

    좋은 강의 영상 정말 감사합니다.

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

    이해가 잘되요 ! : D

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

    진짜 여러강의 강의 봤는데 유니티 강의는 이분만큼 쉽게 설명하는분이 없는듯

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

    감사합니다~^^

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

    감사합니다 ㅠ 취업했는데 포토샵 일러만 할줄 알면된다해서 들어갔더니 유니티로 적용시키는것도 배우게 생겼습니다 ㅠㅠ

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

      UI 다루시는 분들도 유니티를 배워서 직접 만드신 리소스가 게임에서 어떻게 적용되는지 보는게 참 좋은 경험이 된다고 생각해요.

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

    설명이 너무 깔끔합니다. 유튜브에 보면 기본은 이미 알고 있다는 전제하에 진행하는 영상이 많아서 초보자 입장에서 원리가 어떻게 되는건지 일일이 찾아봐야 했는데 이 영상은 다 설명해주셔서 너무 좋은 것 같아요

  • @TV-dh3zq
    @TV-dh3zq 8 หลายเดือนก่อน

    진짜 검색으로 이런 내용강의를 한달을 찾았는데 유튜브 알고리즘 만세 ㅜㅠ

  • @user-xc2rw4zz6c
    @user-xc2rw4zz6c 3 หลายเดือนก่อน

    와우 깔끔 너무 설명 굿

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

    어우 훌륭합니다

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

    구독완룡

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

    안녕하세요 개발을 접었다가 아주 오랜만에 돌아왔는데 설명이 자세해서 잘보고 갑니다 감사합니다.. 버튼 quit 전처리에서 갑자기 안돼서 당황했는데 역시 Editor 에 T를 두개 넣은 오타때문이었네요 ㅎㅎ 언제나 문제는 저에게..

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

    잘봤습니다! 혹시 인벤토리나 상점 기능 구현 강좌같은것도 만들어 주실수 있나요?

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

      목록에 있긴 한데 목록이 너무 길어서 언제 만들게 될지 모르겠네요 ㅎㅎ

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

    안녕하세요 요즘 유니티로 게임 만들어보는 연습을 하고있어서 영상 유익하게 잘보고있습니다! 혹시 이 화면에서 게임시작 누르면 로딩이 진행되는 것은 어떻게 연결할수있나요? 요 영상이랑 로딩 화면 구현하기(로딩씬 방식)둘다 만들고 씬1을 요 메인메뉴화면?으로 설정해서 연결까진 했는데 어떻게해야 스페이스바가 아닌 게임시작을 눌렀을때 로딩화면이 나오는지 잘 모르겠습니다ㅠㅠ

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

      스페이스 바를 눌렀을 때 동작하는 부분을 함수로 따로 만든 다음에 메인 메뉴의 버튼의 On Click이벤트에 넣어주시면 됩니다!

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

      감사합니다! 그런데 제가 함수만드는걸 잘몰라서그러는데 어떻게 작성해야하나요...?😭

  • @user-oo9oh7th5t
    @user-oo9oh7th5t 3 ปีที่แล้ว +1

    좋은 내용 감사합니다. 영상 보면서 공부중인데 한가지 해결 안되는 지점이 있어서 질문 드립니다
    새 컴퓨터에 유니티와 비주얼 스튜디오를 깔고 공부를 진행중인데 c# 스크립트 내에서 MonoBehaviour 클래스가 흰색으로 비활성화 되어 있어서 스크립트 적용이 안됩니다 ㅠㅠ
    해결 방법이 어떻게 되는지 찾아봤는데 잘 나오지가 않네요. 어떻게 해야할까요?

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

      비주얼 스튜디오와 유니티가 연결이 되지 않은 것 같네요.
      유니티 에디터 상단 메뉴바에서 [Edit > Preferences] 메뉴를 선택하고 External Tools에서 External Script Editor가 비주얼 스튜디오로 되어있는지 확인해보세요!
      자세한 방법은 아래 영상에서도 확인할 수 있어요!
      th-cam.com/video/ZRsXb1Rt938/w-d-xo.html

    • @user-oo9oh7th5t
      @user-oo9oh7th5t 3 ปีที่แล้ว +1

      아 생각보다 간단한 문제였네요 ㅠㅠ 빠른답변 정말 감사드립니다

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

      @@user-oo9oh7th5t 간단한 문제여도 입문하시는 분들한테는 어려우니까요! 저도 그런 때가 있었어요! ㅎㅎ

  • @1jum7hae
    @1jum7hae ปีที่แล้ว

    와 성공성공'

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

    7:43 부분에서 #if를 써도 회색으로 변하질 않는데 무엇이 문제일까요?

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

      #if 전처리기를 사용했을 때 회색이 아닌 부분은 코드가 적용되고 있다는 뜻입니다.
      조건을 확인해보세요

  • @user-xf1ih5cs3f
    @user-xf1ih5cs3f ปีที่แล้ว

    안녕하세요 유니티 ui 독학으로 공부중인데 혹시 유니티 서적 추천해주실 수 있을까요?

  • @user-bf4wb7lw4t
    @user-bf4wb7lw4t 3 ปีที่แล้ว +1

    혹시 게임 시작 버튼을 누루면 GUI 를 사라지게 하는 강좌좀 올려주세요 그리고 버튼을 누루면 다른 GUI 로 바뀌는 스크립트도 좀 알려주세요

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

      강좌 준비 해볼게요! ㅎㅎ
      다만 밀린 강좌가 많아서 언제 올라올지는 저도 잘...ㅎㅎ

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

      해당 내용을 빨리 보고 싶으시면 어몽어스 따라 만들기 강좌 앞부분을 보시면 도움이 될 거에요!
      th-cam.com/play/PLYQHfkihy4Aw6QjsZqwwbD4ihpwvm7N0U.html

  • @user-gb4vu3hu8y
    @user-gb4vu3hu8y 3 ปีที่แล้ว +1

    선생님 메인메뉴네 온클릭 로드나 온클릭 뉴게임이나 같은 게 없습니다. 부울이나 스트링 얘기만 있어요 .. 어떡하죠

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

      버튼의 On Click 이벤트에 함수를 추가하려는데 안보인다는 뜻이시죠?
      우선 확인해볼만 한 건
      1. 스크립트에 에러가 있는지
      2. 함수를 public 으로 선언했는지
      3. 메인 메뉴 게임 오브젝트에 만든 스크립트가 붙어있는 상태인지
      정도가 있겠네요.

    • @user-gb4vu3hu8y
      @user-gb4vu3hu8y 3 ปีที่แล้ว +1

      @@wergia 짚어주신대로 스크립트에 철자 오류가 있었습니다 ㅠㅠ 감사합니다

  • @user-fi4nr7me1m
    @user-fi4nr7me1m ปีที่แล้ว

    이미지가.. 스프라이트 형태여야 한다고 하는데.. 스프라이트 형태가 어떤 형태를 말하는 건가요? 인터넷을 뒤져봐도 명확하게 감이 안잡히네요ㅠ.ㅠ

  • @user-nc6mg9dl7g
    @user-nc6mg9dl7g 4 หลายเดือนก่อน

    궁금한게 있어서 여쭙습니다
    강의에서
    ↓↓↓
    #if UNITY_EDITOR
    UnityEditor.EditorApplication.isPlaying = false;
    #else
    Application.Quit();
    #endif
    가 있는데
    1. #if, #else, #endif가 나오는데 언제 사용하는것인지 궁금합니다.
    2. Unity_Editor가 작동하지 않는 이유가 궁금합니다.
    3. 어째서 Application.Quit();를 그냥 사용시 안되는 것인지 궁금합니다.

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

    버튼 Transition을 Color Tint로 설정하고
    색들을 다 설정했는데 Selected Color 옵션 때문에 버튼을 한번 클릭하면 계속 Selected Color 옵션 색을 따르네요 이건 어떻게 해결하나요

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

      Selected는 선택된 상태를 의미합니다. 클릭하고 나서 원래 색으로 돌아오기를 원하시면 Pressed의 색만 변경하고 Selected의 색은 원색으로 두시는게 좋아요.

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

    8:35 Main Menu가 안떠요 어떻게 해야하죠?? 알려주시면 감사하겠습니다.
    비주얼 스튜디오 코드도 다 다시 해봤고, 만들던거 버리고 처음부터 해봤는데도 안되요.

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

      코드에 오류가 있는 상태는 아닌가요?

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

      @@wergia 그럴수도 있을거같아요 감사합니다

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

    C#스크립트 만들고 코딩창 오픈하려는데 왜 안열리까요..오픈눌러도 이상한거 뜨면서 파일 고르라는데요..

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

      유니티와 비주얼 스튜디오가 연결이 안된 것 같습니다.
      th-cam.com/video/ZRsXb1Rt938/w-d-xo.html
      영상을 참고해서 유니티의 기본 스크립트에디터를 비주얼 스튜디오를 연결해주세요

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

    전 왜 하이어라키 탭에 우클릭을 했는데 UI탭이 없는걸까요?ㅠㅠ

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

      콘솔창에는 에러가 없나요?

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

      @@wergia 아 해결됬습니다. 유니티 버전이 낮아서 그런거였네요 죄송합니다

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

    텍스트에 한글을 입력했는데
    한글이 깨지는데 어떻게 하면 한글이 안깨지나요?

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

    함수 목록에 그냥 Application이 없어서 Application.Quit이 선언할수없게 되는데 어떻게 해야하죠??

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

      상단에 using UnityEngine; 선언이 되어있나요?
      Application 클래스는 UnityEngine 네임스페이스에 들어있기 때문에 UnityEngine을 using 선언해줘야 사용할 수 있습니다.

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

      @@wergia 네 있어요, 제 코드를 전부 복붙하자면
      using System.Collections;
      using System.Collections.Generic;
      using System.Runtime.Hosting;
      using UnityEngine;
      public class MainMenu : MonoBehaviour
      {
      // Start is called before the first frame update
      void Start()
      {
      }
      // Update is called once per frame
      void Update()
      {
      }
      public void OnClicknNewGame()
      {
      }
      public void OnClickLoad()
      {
      }
      public void OnClickOption()
      {
      }
      public void OnClickQuit()
      {
      #if UNITY_EDITOR
      UnityEditor.EditorApplication.isPlaying = false;
      #else
      Application.Quit();
      #endif
      }
      }
      이렇게 되어있네요, 영상대로 끝까지 따라하고 보니 버튼이 작동안하는데 그것도 알려주세요. ^^

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

      일단 작동할당시 #if 부터
      #endif까지 회색처리 되면서 함수로 제대로 선언이 안된듯 보였어요...

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

      @@nealmohan911 Application.Quit이 회색으로 비활성화 처리되는 부분에 대해서 말씀하시는 것인가요? Application.Quit이 회색으로 비활성화 처리되는 것은
      #if UNITY_EDITOR
      // 1
      #else
      // 2
      #endif
      이렇게 전처리기로 나눈 것 때문에 회색으로 비활성화 된 것입니다.
      이 코드의 의미는 유니티 에디터에서 실행할때는 1번 부분의 코드를 실행하고 유니티 에디터가 아닌 상태, 즉 게임을 빌드한 파일로 뽑아서 실행할때는 2번 코드를 실행하라는 뜻입니다.
      영상에서는 유니티 에디터에서 코드를 작성하고 있기 때문에 2번 부분 코드가 비활성화 되어있는게 당연합니다.

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

      @@wergia 아 하... 저는 비쥬얼스튜디오로 작성중이었어요..

  • @이이듐
    @이이듐 2 ปีที่แล้ว

    메인 메뉴 컴포넌트를 어떻게 추가하나요?

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

      커스텀 스크립트로 MainMenu 컴포넌트를 만든 뒤에 인스펙터에서 Add Component 해주시면 됩니다.

  • @user-vk5gk3zl7v
    @user-vk5gk3zl7v ปีที่แล้ว

    이 에러가 뜨면 어떻게 해야 하냐요? Assets\Scenes\Change.cs(11,9):오류 CS0103: 현재 컨텍스트에 'SceneManager'라는 이름이 없습니다.

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

      using UnityEngine.SceneManagement;
      가 코드 상단에 추가되어있나요?
      SceneManager를 못 찾아서 나는 오류같아서요...!

    • @user-vk5gk3zl7v
      @user-vk5gk3zl7v ปีที่แล้ว

      @@persian045 이건 해결 했는데 또다른 문제가 생겨서 이미지는 어디로 보내면 되냐요?

    • @user-vk5gk3zl7v
      @user-vk5gk3zl7v ปีที่แล้ว

      제 채널에 문제에 대한 영상 하나 올렸는데 그거좀 보실수 있겠어요?

    • @user-vk5gk3zl7v
      @user-vk5gk3zl7v ปีที่แล้ว

      답장이 좀 늦네요? 🤔

  • @user-ov2oc7fn2c
    @user-ov2oc7fn2c 2 ปีที่แล้ว +1

    7:58

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

    ㅜㅜ 이것도 링크 다시 걸어주세여 데코 zip파일 다운로드할 수 없어요ㅠㅠ

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

      링크 수정했습니다!

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

      @@wergia 야호!

  • @user-bv9em2ti8l
    @user-bv9em2ti8l 3 ปีที่แล้ว +1

    스크립트좀 알려주세요 ㅠㅠ

    • @user-bv9em2ti8l
      @user-bv9em2ti8l 3 ปีที่แล้ว +1

      저 솔찍히 이해가 1도 안갓......

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

      어떤 스크립트 부분이 이해가 안가시나요?

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

    Can't Add Script 가 뜹니다.... 분명히 이름을 다 맞췄는데

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

      코드에 에러가 있지 않나요?