Gear VR タッチパッドの使用方法

Google VR モーション コントローラーのタッチパッドの設定方法

Windows
MacOS
Linux
Prerequisite Topics

This page assumes you have prior knowledge of the following topics. Please read them before proceeding.

HTGVRMCTouchpad_Here_Image.png

Gear VR モーション コントローラー (MC) タッチパッドは非常に正確なので、高い精度が要求される様々なインタラクションの実行に使用することができます。メニュー オプションのスクロールからマップ上への正確な位置の描画まで、タッチパッドには仮想世界とインタラクトする様々な使い方があります。Gear VR モーション コントローラー タッチパッドを触る現在位置の取得および表示方法を説明します。

これから使うポーンには、VR カメラとモーション コントローラーをサポートする設定がしてあります。この設定をまだ行っていない場合は、本ページ冒頭の 前提トピック のドキュメントをご参照ください。

ステップ

ユーザーが触った場所を表示するように Gear VR モーション コントローラー (MC) タッチパッドを設定する方法を説明します。

  1. まず最初に [Component] タブからプレイヤーの Pawn ブループリントを開いて、X_Position および Y_Position という名前の Text Render コンポーネントを追加します。以下のように、2 つとも Motion Controller コンポーネントが親になるようにしてください。

    HTGVRMCTouchpad_00.png

  2. [Text Component] をクリックして [Details (詳細)] パネルで、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 のタッチパッド上の入力位置の維持および表示をする変数を 2 つ作成します。[Variables] セクションに XPositionTextYPositionText という名前の Text Variables を 2 つ追加します。

    HTGVRMCTouchpad_02.png

  4. タッチパッド上で押している位置を表示するために、まず現在のタッチ入力の X 軸と Y 軸の Axis Value を取得し格納します。次に、Set Text ノードを使って、Gear VR Motion Controller に追加された Text Render Component 経由でこの情報を表示することができます。まず最初に、以下のノードと変数をイベントグラフに追加します。

    クリックしてフルサイズで表示

    ノード / 変数名

    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. Y 軸の入力値も、X 軸の入力値を取得した方法を使用できます。MotionController(R)Thumbstick と変数を変更して Y 軸の使用するようにします。ブループリントはこのようになっているはずです。

    Copy Node Graph

    画像をクリックするとブループリント コードをコピーできます

結果

ブループリントをコンパイルおよび保存し、スマートフォンへプロジェクトがデプロイされたら、GearVR HMD とモーション コントローラーを持ちます。タッチパッドを触ると、以下の動画のように現在触っている位置に数字が更新されます。

UE4 プロジェクトのダウンロード

以下のリンクから、このサンプルの作成に使われた UE4 プロジェクトをダウンロードすることができます。

Select Skin
Light
Dark

Welcome to the new Unreal Engine 4 Documentation site!

We're working on lots of new features including a feedback system so you can tell us how we are doing. It's not quite ready for use in the wild yet, so head over to the Documentation Feedback forum to tell us about this page or call out any issues you are encountering in the meantime.

We'll be sure to let you know when the new system is up and running.

Post Feedback