텍스트 효과
텍스트 효과를 적용하여 텍스트의 시각적인 모습을 향상할 수 있습니다. 그러나 이러한 효과는 비트맵이 아닌 SDF 렌더링 모드가 있는 폰트 에셋에만 지원됩니다. 텍스트 효과의 범위는 폰트 에셋에 정의된 패딩에 의해 제한됩니다. 따라서 효과 크기를 늘리려면 패딩을 늘려야 합니다.
텍스트 효과를 사용하여 다음을 수행할 수 있습니다.
- 텍스트 그림자 적용
- 텍스트 외곽선 적용
텍스트 그림자 적용
텍스트에 그림자를 적용하려면 USS 파일, UXML의 인라인 또는 C# 스크립트에서 text-shadow 프로퍼티를 설정합니다.
text-shadow는 다음 프로퍼티를 설정하는 짧은 표기 프로퍼티입니다.
-
text-shadow-offset-x: 수평 방향 그림자 이동입니다. 양수 값일 경우 그림자를 오른쪽으로 이동시키고 음수 값일 경우 그림자를 왼쪽으로 이동시킵니다. -
text-shadow-offset-y: 수직 방향 그림자 이동입니다. 양수 값일 경우 그림자를 아래로 이동시키고 음수 값일 경우 위로 이동시킵니다. -
text-shadow-blur-radius: 그림자 블러의 강도입니다. 값이 클수록 그림자가 더 흐릿해지며, 0일 경우 선명한 그림자를 만듭니다. -
text-shadow-color: 그림자의 색상으로, 16진수 코드 또는 RGBA 포맷으로 표시됩니다.
다음 예시에서는 Label 요소에 그림자를 적용합니다.
Label {
text-shadow: 6.1px -2.4px 0px rgb(144, 31, 32);
}
텍스트 외곽선 적용
텍스트에 외곽선을 적용하려면 USS 파일, UXML 인라인 또는 C# 스크립트에서 unity-text-outline 프로퍼티를 설정합니다.
unity-text-outline은 다음 프로퍼티를 설정하는 짧은 표기 프로퍼티입니다.
-
-unity-text-outline-width: 외곽선의 너비입니다. -
-unity-text-outline-color: 16진수 코드 또는 RGBA 포맷의 외곽선 컬러입니다.
다음 예시에서는 Label 요소에 외곽선을 적용합니다.
Label {
text-outline: 6px rgb(144, 31, 32);
}