UI Interaction in XR
Interaction中級5

UI Interaction in XR

ワールド空間に置いたUIパネルをレイキャストでフォーカスし、hover/select状態を持たせるデモ。

対応フレームワーク

three.js

対応デバイス

QuestPico

ワールド空間に置いたUIパネルをレイキャストでフォーカスし、hover/select状態を持たせるデモ。

概要

UIは物理的な板として配置し、ホバー時にカラー変化、select時にクリック感ハプティクスを返す。アクセスキー表示やフォーカスリングなど、WebアクセシビリティをXR UIに持ち込む際の基本も確認できる。

実験情報

  • 難易度: 中級
  • 所要時間: 約5分
  • 対応フレームワーク: three.js
  • 対応デバイス: Quest, Pico