XRInputSource.targetRayMode=tracked-pointerのビームを可視化し、UIヒットを検証。
概要
ポインターレイをシーンに描き、交差したUIパネルをハイライト。手持ちコントローラーや手指ポインタ、マウス系デバイスなど targetRayMode の違いによる照準の差を確認できる。
実験情報
- 難易度: 初級
- 所要時間: 約5分
- 対応フレームワーク: three.js
- 対応デバイス: Quest, Pico
XRInputSource.targetRayMode=tracked-pointerのビームを可視化し、UIヒットを検証。
XRInputSource.targetRayMode=tracked-pointerのビームを可視化し、UIヒットを検証。
ポインターレイをシーンに描き、交差したUIパネルをハイライト。手持ちコントローラーや手指ポインタ、マウス系デバイスなど targetRayMode の違いによる照準の差を確認できる。