유니티/UI 8

유니티 시작메뉴 구성하기 (Creating Unity Start Menu) - 설정 창 만들기

OS : Window 11 Version : 2021.3.16f1 지난번에 만들었던 것에 추가해보려 합니다. https://roomdev-diary.tistory.com/84 저번에 새 게임과 종료하기를 했으니 이번엔 불러오기와 설정을 해보려 합니다. 먼저 설정을 만들어 보려 합니다. 설정에.. 필요한 것.....소리...닫기.. 또 뭐가 있죠? 음...일단 이렇게만 해봅시다. 아직 무슨 게임을 만들지 생각을 안해서 모르겠네요. 그러면 캔버스에 소리와 닫기를 만들어봅시다. 확인?버튼도 있어야 겠군요 그러면 저는 플래티콘에서 닫기 버튼과 소리 아이콘을 다운받겠습니다. 그리고 제가 선호하는 방법입니다만 이런 아이콘들은 흰색으로 하는걸 추천합니다. 물론 그대로 사용해도 되지만 색을 변경해야 할 때, 흰색으로 ..

유니티/UI 2023.03.08

유니티 시작메뉴 구성하기 (Creating Unity Start Menu) - 새게임과 종료하기

OS : Window11 Version : 2021.3.16f1 오늘은 게임의 시작 화면을 만들어 보려 합니다. 뭔가 이렇게 해서 하나의 게임을 만들어가는 것도 괜찮지 않을까? 라는 생각도 드네요 사진 게임의 타이틀을 만들 겁니다. 게임의 타이틀은 TMP(text mesh pro)로 만들었습니다. TMP는 Text-TextMeshPro 처럼 옆에 추가적으로 써져 있으므로 사용하기 쉽습니다. TMP를 사용했다면 아래와 같은 창을 잘 확인해주시고 Import TMP Essentials를 클릭해야 합니다. 하지만 TMP를 사용한뒤 한글을 쓰면... 모두 네모네모가 되는 볌메 걸리고 맘니다. 해결 방법은 다음 링크를 확인해주세요 https://roomdev-diary.tistory.com/83 저는 다음과 같이..

유니티/UI 2023.03.07

유니티 텍스트 메쉬 프로(Text Mesh Pro)한글 사용하기

OS : Window 11 Version : 2021.3.16f1 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 먼저 폰트를 하나 다운 받습니다. 저는 Noto Sans Korea를 다운 받았습니다. 상단에 있는 Download family를 다운 받으시면 됩니다. 저는 Assets/Font를 만들고 압축해제 하였습니다. 이제 Window/TextMeshPro/FontAssetCreator를 클릭합니다. Font Asset Creator라는 창이 열리면 Source Font File에 폰트를 넣고 Generate Font At..

유니티/UI 2023.03.07

유니티 UI - infinite scroll

유니티 버전 : 2020.3.25f1 작업환경 : Mac (Monterey 12.3.1) 무한스크롤!!을 한번 해보겠습니다. 인스타그램이나 유튜브를 보면 맨 아래로 내려가면 다시 컨텐츠가 생겨나는... 유니티 scrolll view 를 이용해서 작성하겠습니다. 먼저 전체적인 모습은 다음과 같습니다. Text는 현재 생성된 갯수를 보여주고 Create는 초반에 10개의 컨텐츠를 보여줍니다. Up 버튼은 맨 위로 올려주는 버튼입니다. 하이어라키는 다음과 같습니다. ScrollView 오브젝트에 ScrollView 스크립트를 넣어서 작성했습니다. ScorllView.cs using System.Collections; using System.Collections.Generic; using UnityEngine;..

유니티/UI 2022.05.24

Unity TabMenu

유니티 버전 : 2020.3.25f1 작업환경 : Mac (Monterey 12.3.1) TabMenu를 만들어보려 합니다. 게임에서 인벤토리나 시스템메뉴? 등에서 사용합니다. 버튼을 누르면 버튼에 해당하는 내용물이 화면에 나타납니다. 저는 Tabs라는 버튼과 Contents라는 내용물로 나눠서 TabMenu로 만들었습니다. 그 다음 Tabs의 버튼에 TabButton이라는 스크립트를 작성한뒤 붙여 줍니다. TabButton.cs using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class TabButton : MonoBehaviour { Image backgro..

유니티/UI 2022.05.16

유니티 이중 스크롤 뷰

유니티 버전 : 2020.3.25f1(URP) 작업환경 : Mac (Monterey 12.2.1) 제가 원했던 동작은 아래 사진처럼 슬라이드를 하면 해당하는 메뉴가 나오게 되는 동작을 구현하고 싶었습니다. 하지만 스크롤 뷰 안에 스크롤 뷰를 넣으면 되겠구나 싶었지만 동작되지 않았습니다. 나중에 생성된 스크롤 뷰가 기존의 스크롤 뷰를 가리기 때문에 동작이 되지 않은것이죠 찾아보니 에셋스토어에서 판매되는 것도 있었는데... 그거도 좋지만 한번 구현해보는 방법도 좋겠다는 생각이들었습니다. 물론 이 또한 다른 분께서 만들어주신 코드가 있었습니다.(주소는 맨 아래) ' 하위 아이템으로 추가된 스크롤 뷰의 이벤트 상위 스크롤 뷰에 이벤트를 다시 돌려주는 방식 ' 이라고 합니다. 그러니 아래 사진처럼 내부 스크롤 뷰..

유니티/UI 2022.04.18

Unity Circle Slider UI

유니티 버전 : 2020.3.25f1(URP) 작업환경 : Mac (Monterey 12.2.1) 위 이이미처럼 원형 모양의 슬라이드 바를 만드는 방법입니다. 이 또한 유튜브에 너무 잘 되어 있어서 ... 사실 보고 따라만 한다면 다 하실 수 있습니다. (코딩 X) 다만 하시기 전에 3D로 프로젝트를 생성하셨다면 2D Sprite 패키지를 다운 받아야 합니다. Window → Package Manager 를 클릭하시고 왼쪽 상단의 Packages를 Unity Registry로 변경하시고 2D Sprite를 다운 받으시면 됩니다. 여기서 핵심은 Slider의 Fill의 Image Type인 것 같습니다. 기본으로 Simple로 되어 있는데, 이 상태로 두면 기존 Slide처럼 좌우로 동작합니다. Fille..

유니티/UI 2022.04.18

유니티 Swipe Menu(Carousel) UI

유니티 버전 : 2020.3.25 f1 작업환경 : Mac (Monterey 12.2.1) Carousel은 회전목마라는 뜻입니다. 회전목마 UI 뭔가 계속 도는 느낌의 UI입니다. 이 UI는 실제로도 많이 사용하고 또 많이 보고 있습니다. 애플 홈페이지에서 가져왔습니다. (제가 사고 싶어서... ㅎ) 상단에 있는 X표시는 빼고 좌우에 있는 화살표? 표시와 현재위치를 알려주는 하단의 원표시 이와 같은 형태를 캐로셀이라고 합니다. 슬라이더라고도 합니다. 이미지, 슬라이드가 많을 때 사용하면 좋은 UI입니다. 그리드 작업할 때 영역을 나누는 것과 비슷하게 생각하시면 될 것 같습니다. 전체가 value가 1이고 안의 내용물이 5개라고 할 때, 각 내용물의 위치는 0, 0.2, 0.4, 0.6, 0.8, 1이 ..

유니티/UI 2022.04.07
1
반응형