# GUI만들기

### 도구상자에서 **play gui**라고 검색합니다

### 세번째 Loading and play button GUI를 선택합니다.

![Image](https://upload.cafenono.com/image/slashpageHome/20240705/154503_i5FqI4GjCVWPvAvlDE?q=75&s=1280x180&t=outside&f=webp)

스크립트가 있다는것을 확인하여 자신의 게임에 추가합니다

![Image](https://upload.cafenono.com/image/slashpageHome/20240705/122619_jqXcpAeUgt9NBeq9Lk?q=75&s=1280x180&t=outside&f=webp)

추가된 Loading GUI를 드래그해서 StaterGUI안에 추가합니다

![Image](https://upload.cafenono.com/image/slashpageHome/20240705/122721_eCJDp9Bezdzlz8kuCD?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpageHome/20240705/122130_Ei0xLA49z65gitntd8?q=75&s=1280x180&t=outside&f=webp)

Loading 글자를 바꾸기 위해서 TopLabel을 눌러 내용을 변경합니다

![Image](https://upload.cafenono.com/image/slashpageHome/20240705/122147_CntxUSZBR8II1Tk9rD?q=75&s=1280x180&t=outside&f=webp)

마찬가지로 Underline을 눌러 내용을 변경해주세요

![Image](https://upload.cafenono.com/image/slashpageHome/20240705/122300_szTeOJEvQOBxcOmjTe?q=75&s=1280x180&t=outside&f=webp)

# 사진 추가하기

StarterGui 밑에 LoadingGUI > Frame > ImageLabel을 추가합니다

![Image](https://upload.cafenono.com/image/slashpageHome/20240705/153516_gnUujZ7ABEhluhKs56?q=75&s=1280x180&t=outside&f=webp)

ImageLabel을 눌러 속성에서 imageURL 부분을 선택하고 이미지추가를 눌러 원하는 이미지를 선택합니다

![Image](https://upload.cafenono.com/image/slashpageHome/20240705/153623_47pGoBjNvtklCR20qg?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpageHome/20240705/153818_1abKGTkE97fO2ESVXh?q=75&s=1280x180&t=outside&f=webp)

파일 선택을 눌러 선택한 이미지 이름을 확인하고 만들기를 눌러 첨부합니다.

# 반응형 GUI만들기

상대좌표로 이미지 사이즈를 지정합니다.

속성 > 사이즈 > x좌표, y좌표 > offset을 0으로 만들기

![Image](https://upload.cafenono.com/image/slashpageHome/20240705/154112_Kb8z8OvWdShrAwTJps?q=75&s=1280x180&t=outside&f=webp)

x,y둘다 0으로 만들고 화면을 바꾸어보면서 이미지 사이즈가 화면 사이즈에 맞게 변하는지 확인합니다

![Image](https://upload.cafenono.com/image/slashpageHome/20240705/154246_KrN9ozaPWKTfNaT20j?q=75&s=1280x180&t=outside&f=webp)

휴대폰에서 본 모습

![Image](https://upload.cafenono.com/image/slashpageHome/20240705/154259_mEe6lj22sB7h3735rc?q=75&s=1280x180&t=outside&f=webp)

패드에서 본 모습

For the site tree, see the [root Markdown](https://slashpage.com/conanssam.md).