코멘트 박스

코멘트 박스 블루프린트 개요입니다.

Choose your operating system:

Windows

macOS

Linux

BlueprintCommentary.png

이 블루프린트는 플레이어가 일정한 범위 안에 들어오면 코멘트 힌트 박스를 만들어 줍니다. 멀리서 봤을 때는 가운데 "i" 자가 있는 떠다디는 퍽 처럼 보이는 오브젝트로 표시됩니다. 그러다가 플레이어가 일정 범위 안에 들어오면 그 퍽은 위아래로 뒤집히면서 느낌표 "!" 로 변하고, 거기서 글상자가 펼쳐집니다. 이 박스는 계속해서 플레이어를 향합니다.

이 블루프린트는 구체 컴포넌트를 사용하여 액터에서의 반경을 계산합니다. 플레이어가 그 반경 안에 들어가면 주석이 펼쳐집니다. 실제 박스 부분에 대한 구성이 웹 페이지에 비슷한 자동 박스를 그릴 때와 엄청나게 다르지는 않습니다. 아티스트가 박스 프레임 조각들을 개별적으로 만들면 대상 영역을 두르기에 알맞게끔 자동으로 늘어납니다. 예를 들어 박스를 만들려면 두 개의 스태틱 메시로 시작합니다: 직선 부분 조각과 굽은 모서리 조각으로요.

Segment.png

Corner.png

직선 조각 (네, 정말이지 그냥 사각형은 아닙니다.)

구석 조각

이 조각들을 복사한 다음 늘이고 회전시켜 적합한 크기의 프레임을 만듭니다. 스크립트는 모서리가 어디가 될지를 알아낸 다음 크기에 맞춰 스케일을 조절해 주기만 하면 될 일입니다.

BoxDemo.png

염두에 둘 것은, 이 블루프린트에서는 자동 줄바꿈이 지원되지 않는다는 점입니다. 그 대신 Lines 라는 스트링 배열이 있어, 텍스트의 각 줄을 담습니다. 사용자는 각 줄의 단어를 일일이 배치해 줘야 합니다.

LinesProperty.png

이 블루프린트의 그래프를 열어보면, 꽤나 계산을 많이 하는 것처럼 보일 수가 있습니다. 자세히 살펴보면 그렇게 복잡한 것은 아닙니다. 그저 제공된 스태틱 메시로 글상자를 정확히 딱딱 맞추려면 계산을 꽤나 많이 해야 하는구나 정도만 알아두시면 되겠습니다.

블루프린트 셋업

이 블루프린트의 컴포넌트 리스트, 컨스트럭션 스크립트, 이벤트 그래프는 다음과 같은 작업을 합니다:

블루프린트 측면

목적

컴포넌트 리스트

코멘트 박스의 컴포넌트 리스트 구성은 다음과 같습니다:

CommentBox_CL.png

컨스트럭션 스크립트

컨스트럭션 스크립트가 하는 일은 다음과 같습니다:

  • 구체 컴포넌트 트리거 크기를 결정합니다.

  • 사용된 줄 수를 추적, 가장 긴 줄의 길이를 구합니다.

  • 사용자가 미리보기 모드 변수를 체크한 경우, 코멘트 박스를 펼칩니다.

  • 필수 TextRenderComponent 를 만듭니다.

  • 텍스트 줄 수에 맞도록 박스의 스케일과 위치를 재조정합니다.

이벤트 그래프

이벤트 그래프가 하는 일은 다음과 같습니다:

  • 플레이 시작시 파티클 시스템이 작동중인지 아닌지를 설정합니다.

  • 플레이어가 구체 컴포넌트 트리거 볼륨에 들어가면, 박스 컴포넌트의 크기에 맞게 스케일을 조절할 수 있도록 박스 컴포넌트 애니메이션을 준 다음 텍스트를 생성합니다.

  • 매 틱마다 플레이어를 향하도록 블루프린트를 회전시킵니다.

편집가능 변수

코멘트 박스에는 다음과 같은 노출 프로퍼티가 있습니다:

BoxProperties.png

프로퍼티

목적

Border Width Padding

테두리 폭 패딩 - 약간의 패딩을 추가하여, 필요하다면 박스를 더욱 넓게 만듭니다.

Preview Mode

미리보기 모드 - 체크하면 박스가 확장됩니다. 또한 박스가 확장 재생 시작되도록 하기도 합니다.

Lines

줄 - 코멘트 박스에 포함될 텍스트 각 줄을 담습니다.

Trigger Scale

트리거 스케일 - 구체 컴포넌트 트리거의 스케일을 조절, 코멘트 박스가 더욱 일찍 열리도록 할 수 있습니다.

Disable Particle Effect

파티클 이펙트 끄기 - 코멘트 박스 퍽 중앙에서 스폰되는 고리형 신호 파티클을 끕니다.

언리얼 엔진 문서의 미래를 함께 만들어주세요! 더 나은 서비스를 제공할 수 있도록 문서 사용에 대한 피드백을 주세요.
설문조사에 참여해 주세요
건너뛰기