GUI box 노드

box 노드는 색상, 텍스쳐 또는 애니메이션으로 채워진 사각형입니다.

box 노드 추가하기

새 box 노드는 Outline에서 오른쪽 클릭한 뒤 Add ▸ Box를 선택하거나, A를 누른 뒤 Box를 선택하여 추가합니다.

GUI에 추가된 아틀라스 또는 타일 소스의 이미지와 애니메이션을 사용할 수 있습니다. 텍스쳐는 Outline의 Textures 폴더 아이콘을 오른쪽 클릭하고 Add ▸ Textures...를 선택하여 추가합니다. 그런 다음 box 노드의 Texture 프로퍼티를 설정합니다.

box 노드의 색상이 그래픽에 틴트된다는 점에 유의하세요. 틴트 색상은 이미지 데이터에 곱해지므로, 색상을 흰색(기본값)으로 설정하면 틴트가 적용되지 않습니다.

box 노드는 텍스쳐가 할당되지 않았거나, 알파가 0으로 설정되었거나, 크기가 0, 0, 0으로 설정되어도 항상 렌더링됩니다. 렌더러가 box 노드를 올바르게 배치로 묶고 드로우콜 수를 줄일 수 있도록 box 노드에는 항상 텍스쳐를 할당해야 합니다.

애니메이션 재생하기

box 노드는 아틀라스 또는 타일 소스의 애니메이션을 재생할 수 있습니다. 자세한 내용은 플립북 애니메이션 매뉴얼을 참고하세요.

Slice-9 텍스쳐링

GUI box 노드와 Sprite 컴포넌트에는 크기에 따라 달라지는 요소가 들어갈 때가 있습니다. 포함하는 컨텐츠에 맞게 크기를 조정해야 하는 패널과 대화상자, 또는 적의 남은 체력을 보여 주기 위해 크기를 조정해야 하는 체력 바가 그런 예입니다. 크기가 조정된 노드나 스프라이트에 텍스쳐링을 적용하면 시각적인 문제가 생길 수 있습니다.

일반적으로 엔진은 사각형 경계에 맞도록 텍스쳐를 스케일하지만, slice-9 가장자리 영역을 정의하면 텍스쳐의 어느 부분을 스케일할지 제한할 수 있습니다:

Slice9 box 노드는 일반적인 방식으로 스케일하지 않을 왼쪽, 위쪽, 오른쪽, 아래쪽 여백의 픽셀 수를 지정하는 숫자 4개로 구성됩니다:

여백은 왼쪽 가장자리에서 시작해 시계 방향으로 설정합니다:

• 모서리 세그먼트는 절대 스케일되지 않습니다.
• 가장자리 세그먼트는 단일 축을 따라 스케일됩니다. 왼쪽 및 오른쪽 가장자리 세그먼트는 세로로 스케일됩니다. 위쪽 및 아래쪽 가장자리 세그먼트는 가로로 스케일됩니다.
• 중앙 텍스쳐 영역은 필요에 따라 가로와 세로로 스케일됩니다.

위에서 설명한 Slice9 텍스쳐 스케일링은 box 노드나 스프라이트의 크기를 변경할 때만 적용됩니다:

밉맵과 slice-9

렌더러에서 밉맵이 동작하는 방식 때문에 텍스쳐 세그먼트를 스케일할 때 아티팩트가 나타날 수 있습니다. 이는 세그먼트를 원래 텍스쳐 크기보다 작게 _축소_할 때 발생합니다. 그러면 렌더러가 해당 세그먼트에 더 낮은 해상도의 밉맵을 선택하여 시각적인 아티팩트가 생깁니다.

이 문제를 피하려면 스케일될 텍스쳐 세그먼트가 충분히 작아서 절대 축소되지 않고 확대만 되도록 해야 합니다.