백그라운드 블러(Background Blur) 는 UI 레이아웃에 추가할 수 있는 위젯입니다. 이 위젯을 사용하여 콘텐츠 주변에 조절 가능한 패딩을 제공하고 포스트 프로세스 가우시안 블러를 백그라운드에 적용할 수 있습니다. 백그라운드 블러 위젯은 하나의 자손 위젯을 포함할 수 있습니다.
이 페이지는 UI 레이아웃에서 백그라운드 블러 위젯을 사용하고 조정하는 방법에 대한 기본 정보를 제공합니다. 또한 언리얼 모션 그래픽 UI 디자이너(UMG) 를 사용하면 백그라운드 블러 위젯을 사용하고 조정하는 예제에 익숙해질 수 있습니다.
디테일
배치된 백그라운드 블러 위젯의 디테일 패널에는 위젯 관련해서 설정할 수 있는 전용 옵션이 몇 가지 있습니다:
| 옵션 | 설명 |
|---|---|
| Apply Alpha to Blur | 블러에 알파 적용 - true 면 위젯 알파에 따라 블러 세기를 변경합니다. |
| Blur Strength | 블러 세기 - 배경의 블러 레벨을 설정합니다. 수치가 클 수록 뿌연 정도가 심해지나 GPU 런타임 비용이 비싸집니다. |
| Low-Quality Fallback Brush | 저퀄리티 예비 브러시 - Low-Quality Override 모드가 켜졌을 때 블러 적용 대신 그릴 이미지입니다. cvar Slate.ForceBackgroundBlurLowQualityOverride 를 1 로 설정하면 배경 블러의 저품질 모드를 켤 수 있습니다. 보통 프로젝트의 엔진 퀄리티(scalability) 세팅에서 이루어집니다. |
| Blur Radius | 블러 반경 - 블러 계산 시 주어진 픽셀에서 각 방향으로 몇 픽셀만큼 가중치를 입힐지 결정합니다. 값이 클 수록 비용이 비싸지지만 블러 세기가 강해집니다. |
| Corner Radius | 코너 반경 - 이 값은 블러를 계산할 때 주어진 픽셀로부터 각 방향으로 가중치가 적용되는 픽셀의 수를 나타냅니다. 더 큰 값은 더 강력한 블러를 가능하게하지만 비용이 더 많이 듭니다. |
위 프로퍼티 각각은 블루프린트 스크립트를 통해 런타임 변경 및 설정도 가능합니다.
가로 및 세로 정렬이나 위젯 주변 패징같은 기타 외양 세팅도 여기서 정의 가능합니다.
사용 예
아래 예제에서는 Background Blur 위젯을 사용하여 게임이 일시정지되면 메뉴를 강조하고 배경에 블러를 적용합니다.
이 결과를 얻기 위해 단순화된 메뉴에 Blur 위젯을 추가하고 Blur Strength 값을 설정하여 배경 블러 정도를 결정합니다.
버튼 클릭에 메뉴가 반응하도록 처리하기 위한 스크립트를 작성합니다.
위에서 위젯 생성 시, Mouse Cursor 를 켜고 있습니다. Resume 버튼이 눌리면 커서를 숨기고 게임을 재개한 뒤 메뉴 표시를 제거합니다. Quit 버튼이 눌리면 단순히 게임을 종료합니다. 플레이어 캐릭터의 블루프린트에서 (아래), 키가 눌리면 (여기서는 P) 메뉴를 표시하고 게임을 일시정지합니다.
게임을 일시정지하고 배경을 뿌옇게 만들지만 메뉴는 플레이어가 계속 조작할 수 있는 기능을 만들었습니다.
(위의) Blur Strength 를 (아래처럼) 10 으로 낮춰 배경을 조금 더 잘 보이도록 만들 수도 있습니다.
