게임 프로그래밍/유니티 활용38 [유니티 활용] UI 편 - Image Mask를 활용한 Rounded Progressbar 만들기 만약 고정된 크기의 모서리가 둥근 프로그레스바를 만들고자 한다면 원하는 크기의 이미지를 만들고 Image 컴포넌트에 있는 Filled 속성을 사용하면 손쉽게 만들 수 있습니다. 그런데 만약 Image 객체의 Width / Height 를 원본 이미지의 크기와 다르게 설정하면 모서리 부분이 찌그러져 보이는 문제가 발생합니다. 이 글에서는 크기를 원하는 대로 설정해도 모서리가 찌그러지지 않는 프로그레스바를 만들어보도록 하겠습니다. * UI Image 컴포넌트, Sprite Editor 설치에 대한 자세한 설명은 [유니티 기초] UI - Image 컴포넌트 를 참고해주세요. * 이 글에서는 32x32 크기의 모서리가 둥근 정사각형 이미지와 각진 정사각형 이미지를 사용했습니다. 1. 유니티의 Project 창에.. 2022. 12. 13. [유니티 활용] Scroll View 로 스테이지 선택 UI 만들기 이번 글에서는 Scroll View 에 넣은 항목들을 선택하는 방법과 선택한 항목을 스크립트를 통해 처리하는 방법에 대해 알아보도록 하겠습니다. 먼저 Scroll View 와 Layout 컴포넌트를 이용해 항목들을 넣는 방법에 대해서는 이전에 작성한 "[유니티 기초] UI 편 - Layout 컴포넌트를 이용한 Scroll View 항목 생성" 글을 참고해 주시기 바랍니다. ▶ Scroll View의 항목으로 사용할 객체 만들기 Scroll View 에 들어갈 스테이지 선택 항목 객체를 만드는 과정입니다. ▷ Scroll View 에 있는 Content 의 자식 객체로 [UI -> Button] 을 생성하고 이름을 StageItem 으로 변경합니다. ▷ StageItem 의 Inspector 창에서 Wid.. 2022. 12. 6. 이전 1 ··· 4 5 6 7 다음
