Posted at

【Oculus Go】Canvasを表示する


はじめに

Oculus Goの画面上にCanvasを表示してみます。


準備


手順


1. Canvasの追加

Hierarchy上にCanvasを追加し、インスペクタで、以下のような設定に変更する。

項目名

Render Mode
WorldSpace

Event Camera
OVRCameraRig > TrackingSpace > CenterEyeAnchor

Rect Transform
(PosX, PosY, PosZ) = (0, 0, 200)

Width
500

height
200

スクリーンショット 2019-01-20 15.41.59.png


2. OVRRaycasterの追加、Graphic Raycasterの削除

「Graphic Raycaster」コンポーネントを削除し、Assets > OVRInputSelection > InputSystem > OVRRaycasterを追加する。

スクリーンショット 2019-01-20 15.42.39.png


3. EventSystemの設定

「Standalone Input Module」を削除し、Assets > OVRInputSelection > OVRInputModuleを追加し、インスペクタで、以下のような設定に変更する。

項目名

Tracking Space
OVRCameraRig > TrackingSpace


4. Canvasに背景色をつける

「Image」コンポーネントを追加し、Canvasの範囲がわかりやすいように背景色をつける。

スクリーンショット 2019-01-20 15.43.38.png


5. 実行

Canvasが表示されました。

が、、、レーザーポインタが突き抜けています。

canvas.jpg

OVRPointerVisualizer.csのコードを修正すると、良い感じになりました。

screenshot-1547969828776.jpg


おまけ


6. UIパーツの追加

Canvas上にTextとButtonを適当に配置してみます。

ゲーム画面上は、以下のように配置しました。

項目名

Text (x,y,z)
(0, 80, 0)

Button (x,y,z)
(0, 20, 0)

画面の中心が、(0,0)ぽいことが、ようやく分かってきました。

スクリーンショット 2019-01-20 16.02.24.png


7. 実行

Game画面と特に変化はありません。

screenshot-1547969679766.jpg


次回への課題

イベント処理を実装できるようにしたいです。