섹션 8. UI와 사운드
레퍼런스
Element 속성
ELEMENT 컴포넌트와 BUTTON 컴포넌트의 칸을 정리합니다. 칸 이름과 처음 값은 2026-10-29 oasisw.ai 에디터(판 표시 OasisW 7e2aa65)에서 Text Element와 Button을 새로 만들어 읽은 것입니다. 구조는 화면 위 글자와 버튼의 구조에 있습니다.
모든 Element에 있는 칸
| 칸 | 처음 값 | 뜻 |
|---|---|---|
| Type | Text 또는 Image | Text, Image, Group. 타입에 따라 아래 칸이 바뀝니다 |
| Preset | Center Anchor & Pivot | Anchor·Pivot 묶음. 9방향(Top Left~Bottom Right), Stretch, Custom |
| Anchor | 0.5, 0.5, 0.5, 0.5 | 부모 영역에서 붙을 범위(왼쪽, 아래, 오른쪽, 위 비율) |
| Pivot | 0.5, 0.5 | 자기 몸의 기준점 |
| Width / Height | Image 100 / 100 | 크기(기준 해상도 픽셀). Text는 Auto Width·Auto Height가 켜져 있어 글자에 맞춰 정해집니다 |
| Margin | -16, -16, -16, -16 | Anchor 범위에서 안쪽·바깥쪽으로 띄우는 거리 |
| Color / Opacity | 흰색 / 1 | 색과 불투명도 |
| Use Input | Text 꺼짐, Button 켜짐 | 누름·마우스 올림을 받을지 |
| Batch Group, Layers | None, UI | 묶어 그리기 그룹과 레이어 |
Text 타입
| 칸 | 처음 값 | 뜻 |
|---|---|---|
| Auto Width / Auto Height | 켜짐 / 켜짐 | 글자 길이에 맞춰 크기를 정합니다 |
| Auto Fit Width / Auto Fit Height | 꺼짐 / 꺼짐 | 정한 크기 안에 들어가도록 글자 크기를 줄입니다. Auto Width를 끄고 Width를 정한 뒤 켭니다. 실측에서 Width 60에 Score 0 점수를 넣고 켜자 Font Size가 32에서 21로 줄었습니다. 줄일 수 있는 범위는 최소 8~최대 32였습니다 |
| Alignment | 0.5, 0.5 | 상자 안에서 글자의 가로·세로 정렬 |
| Font | Empty | 글꼴 에셋. 비어 있으면 아무것도 그려지지 않습니다(점수·안내 글자 바꾸기) |
| Localized | 꺼짐 | 켜면 문구 대신 번역 키를 씁니다 |
| Text | Text | 화면에 나올 문구 |
| Enable Markup | 꺼짐 | 켜면 문구 안의 꾸밈 표기를 해석합니다. 실측에서 [color="#ff3030"]점수[/color] 10은 점수만 빨간색으로 그려졌습니다 |
| Font Size / Line Height | 32 / 32 | 글자 크기와 줄 높이 |
| Wrap Lines / Max Lines | 켜짐 / 비어 있음 | 줄 바꿈과 최대 줄 수 |
| Spacing | 1 | 글자 사이 간격 배율 |
| Outline Color / Outline Thickness | 검정 / 0 | 글자 테두리 |
| Shadow Color / Shadow Offset | 검정 / 0, 0 | 글자 그림자 |
Image 타입
| 칸 | 처음 값 | 뜻 |
|---|---|---|
| Rect | 0, 0, 1, 1 | 텍스처에서 쓸 영역(U, V, 너비, 높이 비율) |
| Mask | 꺼짐 | 자식 Element를 이 그림 모양으로 잘라 보입니다 |
| Texture / Sprite / Material | Empty | 그릴 그림. 비어 있으면 Color로 칠한 사각형이 됩니다 |
BUTTON
| 칸 | 처음 값 | 뜻 |
|---|---|---|
| Active | 켜짐 | 누름을 받을지. 끄면 Inactive Tint로 바뀝니다 |
| Image | 자기 엔티티(Button) | 색을 바꿀 Image Element |
| Hit Padding | 0, 0, 0, 0 | 누름을 받는 범위를 넓히거나 좁힙니다 |
| Transition Mode | Tint | 상태가 바뀔 때 색을 바꿀지, 그림(Sprite)을 바꿀지 |
| Hover Tint / Pressed Tint / Inactive Tint | 흰색 계열 | 마우스를 올렸을 때·누를 때·비활성일 때 색 |
| Fade Duration | 0 | 색이 바뀌는 데 걸리는 시간(밀리초) |