백그라운드 블러 위젯

Background Blur 위젯을 사용하여 단일 자손 위젯 아래 오브젝트에 블러를 적용하는 법입니다.

Windows
MacOS
Linux

설명

Background Blur (백그라운드 블러) 위젯은 하나의 자손 위젯을 가질 수 있는데, 거기에 조절 가능한 패딩을 붙여 포스트 프로세스 가우시안 블러를 적용하여 위젯 아래 모든 콘텐츠에 블러를 적용할(뿌옇게 만들) 수 있습니다.

디테일

배치된 Background Blur 위젯의 디테일 패널에는 위젯 관련해서 설정할 수 있는 전용 옵션이 몇 가지 있습니다:

BackgroundBlur.png

옵션

설명

Apply Alpha to Blur

블러에 알파 적용 - true 면 위젯 알파에 따라 블러 세기를 변경합니다.

Blur Strength

블러 세기 - 배경의 뿌연 정도입니다. 수치가 클 수록 뿌연 정도가 심해지나 GPU 런타임 비용이 비싸집니다.

Low-Quality Fallback Brush

저품질 예비 브러시 - Low-Quality Override 모드가 켜졌을 때 블러 적용 대신 그릴 이미지입니다. cvar Slate.ForceBackgroundBlurLowQualityOverride1 로 설정하면 배경 블러의 저품질 모드를 켤 수 있습니다. 보통 프로젝트의 엔진 퀄리티(scalability) 세팅에서 이루어집니다.

Blur Radius

블러 반경 - 블러 계산 시 주어진 픽셀에서 각 방향으로 몇 픽셀만큼 가중치를 입힐지 결정합니다. 값이 클 수록 비용이 비싸지지만 블러 세기가 강해집니다.

위 프로퍼티 각각은 블루프린트 스크립트를 통해 런타임 변경 및 설정도 가능합니다.

BackgroundBlurBP.png

가로 및 세로 정렬이나 위젯 주변 패징같은 기타 외양 세팅도 여기서 정의 가능합니다.

사용 예

아래 예제에서 Background Blur 위젯을 사용하여 게임이 일시정지되면 메뉴를 강조하고 배경에 블러를 적용합니다.

여기서 단순화된 메뉴에 Blur 위젯을 추가하고 Blur Strength 값을 설정하여 배경 블러 정도를 결정합니다.

BlurWidgetDesigner.png

메뉴 위젯 블루프린트의 그래프에서, 버튼 클릭에 메뉴가 반응하도록 처리하기 위한 스크립트를 작성합니다.

BlurWidgetGraph.png

위에서 위젯 생성 시, Mouse Cursor 를 켜고 있습니다. Resume 버튼이 눌리면 커서를 숨기고 게임을 재개한 뒤 메뉴 표시를 제거합니다. Quit 버튼이 눌리면 단순히 게임을 종료합니다. 플레이어 캐릭터의 블루프린트에서 (아래), 키가 눌리면 (여기서는 P) 메뉴를 표시하고 게임을 일시정지합니다.

CharacterBlueprint.png

게임을 일시정지하고 배경을 뿌옇게 만들지만 메뉴는 플레이어가 계속 조작할 수 있는 기능을 만들었습니다.

50_Blur.png

(위의) Blur Strength 를 (아래처럼) 10 으로 낮춰 배경을 조금 더 잘 보이도록 만들 수도 있습니다.

10_Blur.png

Select Skin
Light
Dark

새로운 언리얼 엔진 4 문서 사이트에 오신 것을 환영합니다!

문서 사이트에 대한 의견을 모을 수 있는 피드백 시스템을 포함해서 여러가지 새로운 기능을 준비하고 있습니다. 아래 Documentation Feedback 포럼(영문) 또는 언리얼 엔진 네이버 공식 카페(한글) 중 편하신 곳에 의견이나 문제점을 알려 주세요.

새 시스템이 준비되면 알려 드리겠습니다.

네이버 카페
공식 포럼