Language:
Page Info
Tags:
Skill Level:
Engine Version:

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

HTGVRMCTouchpad_Here_Image.png

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

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

ステップ

ユーザーが触った場所を表示するように 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 プロジェクトをダウンロードすることができます。

Tags