HoloLens で Unity の Button を注視したら視線位置にカーソルを表示させてみる

※ これは 2016/05/31 Unity HoloLens Technical Preview ver.5.4.0beta14（Windows版）時点の情報です

最新版では動作が異なる可能性がありますのでご注意ください

前回は Button に対して Collider を指定することで視線が当たっているかどうかを検出することができました

ただ、本当にあたっているのかよくわからないので、視線が当たった場合にカーソルのようなものを表示するようにしてみます

とりあえずカーソル用に 3D モデルを用意

f:id:matatabi_ux:20160621184745p:plain

Blender という無料のソフトで「×」という文字を立体にしてモデル化しました

これを fbx というファイル形式で Unity プロジェクトの Assets フォルダの中にエクスポートします

f:id:matatabi_ux:20160621184913p:plain

モデルを読み込んだら1つ GameObject でくるんでこのモデルを Hierarchy にドラッグドロップしました

見かけの大きさや Button より前面に表示されるように Transform の各種値を調整していたりします

いったんスクリプトに戻って VRUI.cs を修正

using UnityEngine;
using System.Collections;
using System;
using UnityEngine.UI;

public class VRUI : MonoBehaviour
{
    /// <summary>
    /// ボタンのラベルテキスト
    /// </summary>
    [SerializeField]
    private UnityEngine.UI.Text buttonLabel;

    /// <summary>
    /// ターゲッテイング用カーソル
    /// </summary>
    [SerializeField]
    private GameObject cursor;

    /// <summary>
    /// 初期処理
    /// </summary>
    public void Awake()
    {
    }

    /// <summary>
    /// 定期的な処理
    /// </summary>
    public void FixedUpdate()
    {
        RaycastHit hit;
        if (Physics.Raycast(Camera.main.transform.position, Camera.main.transform.forward, out hit))
        {
            this.cursor.transform.position = hit.point;
            this.cursor.transform.rotation = Quaternion.Euler(hit.normal);
            this.cursor.SetActive(true);

            var target = hit.collider.gameObject.GetComponent<Button>();
            if (target != null)
            {
                this.OnButtonOver();
            }
        }
        else
        {
            this.cursor.SetActive(false);
            this.OnButtonOut();
        }
    }

    /// <summary>
    /// 視線オーバーイベントハンドラ
    /// </summary>
    private void OnButtonOver()
    {
        this.buttonLabel.text = "Over";
    }

    /// <summary>
    /// 視線アウトイベントハンドラ
    /// </summary>
    private void OnButtonOut()
    {
        this.buttonLabel.text = "Button";
    }

    /// <summary>
    /// 視線クリックイベントハンドラ
    /// </summary>
    private void OnButtonClick()
    {
        this.buttonLabel.text = "Clicked";
    }
}