언어:
페이지 정보
태그:
수준별:
엔진 버전:
언리얼 엔진

Gear VR 터치패드 사용

언리얼 엔진
사전 필수 토픽

이 페이지는 다음 토픽에 대한 지식을 이미 갖추고 있는 분들을 대상으로 합니다. 계속하기 전 먼저 읽어보시기 바랍니다.

HTGVRMCTouchpad_Here_Image.png

Gear VR 모션 컨트롤러(MC) 터치패드의 높은 정밀도로 인해, 정확도를 요하는 여러가지 다양한 상호작용에 사용할 수 있습니다. 일련의 메뉴 옵션 스크롤에서부터 맵 상의 정확한 위치를 지정한 것까지, 터치패드를 사용하여 가상현실 세계와 상호작용하는 방법은 수도 없이 많습니다. 여기서는 Gear VR 모션 컨트롤러 터치패드에 터치중인 현재 위치를 구하고 표시하는 방법을 살펴보겠습니다.

여기서는 이미 VR 카메라와 모션 컨트롤러 지원이 추가된 폰을 가지고 시작합니다. 이 구성이 없는 경우, 글 상단 사전 필수 토픽 의 문서를 참고하세요.

단계

아래는 Gear VR 모션 컨트롤러 터치패드에서 사용자가 터치한 위치를 표시하기 위해 구성하는 방법 관련 정보입니다.

  1. 플레이어 폰 블루프린트를 열고 컴포넌트 탭에서 새 Text Render 컴포넌트를 둘 추가한 뒤, X_PositionY_Position 이라 합니다. 둘 다 아래 그림처럼 Motion Controller 컴포넌트를 부모 설정합니다.

    HTGVRMCTouchpad_00.png

  2. Text 컴포넌트에 클릭하고 디테일 패널에서 X 와 Y 테스트 모두 다음 프로퍼티를 다음 값으로 설정합니다.

    이미지를 클릭하면 원본을 확인합니다. 참고로 여기서는 Y_Position 프로퍼티만 표시합니다. X_Position 프로퍼티는 아래 표를 참고하세요.

    프로퍼티 이름

    Location X Text

    X = 20, Y = 0, Z = 0

    Location Y Text

    X = 20, Y = 0, Z = 5

    Rotation X & Y

    X = 20, Y = 0, Z = -180

    Horizontal Alignment X & Y

    Center

    Vertical Alignment X & Y

    Text Center

    World Size X & Y

    5

  3. 블루프린트 로직을 구성하기 전 먼저 터치패드의 X Y 입력 위치를 저장하고 표시하는 데 사용할 변수를 둘 만들어줘야 합니다. 변수 섹션에서 Text 변수를 둘 추가하고 XPositionTextYPositionText 라 합니다.

    HTGVRMCTouchpad_02.png

  4. 터치패드에 눌린 현재 위치를 표시하기 위해, 먼저 현재 터치 입력의 X 및 Y Axis Value 를 구하여 저장해야 합니다. 그리고, Set Text 노드를 사용하여 Gear VR 모션 컨트롤러에 추가한 Text Render 컴포넌트를 통해 정보를 표시하면 됩니다. 그 작업을 블루프린트에서 하기 위해 먼저, 다음 노드와 변수를 이벤트 그래프에 추가합니다.

    클릭하면 이미지 원본을 확인합니다.

    노드 / 변수 이름

    MotionController(R)Thumbstick X

    N/A

    ToText(Float)

    N/A

    SET_ XPosition_Text(Float)

    N/A

    Set Text

    N/A

    X_Positiont

    N/A

    XPositionText

    N/A

    Append

    A Input: X:

    ToText(string)

    N/A

  5. 모션 컨트롤러에 붙인 텍스트를 사용하여 입력 위치를 표시할 로직을 만들어야 합니다. 먼저 MotionController (R)Thumbstick X 의 Axis Value 를 구하여 XPositionText 변수에 저장합니다. 그 정보가 있으면, 이제 X_Postion 텍스트를 사용하여 이 값을 표시할 수 있습니다. 이 작업을 완성한 블루프린트는 다음과 같습니다.

    Copy Node Graph

    이미지를 클릭하면 블루프린트 코드를 복사합니다.

  6. X 축 입력 값을 구했으니, Y 축 입력 값도 같은 로직에 MotionController(R)Thumbstick 및 변수만 Y 축을 사용하도록 바꿔주면 됩니다. 이 작업을 완성한 블루프린트는 다음과 같습니다.

    Copy Node Graph

    이미지를 클릭하면 블루프린트 코드를 복사합니다.

최종 결과

블루프린트 컴파일 및 저장 후, 프로젝트를 스마트폰에 디플로이하고, Gear VR HMD 와 모션 컨트롤러를 집어듭니다. 이제 터치패드를 터치하면, 다음 비디오처럼 숫자가 현재 터치한 위치로 업데이트되는 것이 보일 것입니다.

UE4 프로젝트 다운로드

이 예제를 만드는 데 사용된 UE4 프로젝트를 다운로드할 수 있는 링크입니다.

태그