ワールド空間に置いたUIパネルをレイキャストでフォーカスし、hover/select状態を持たせるデモ。
概要
UIは物理的な板として配置し、ホバー時にカラー変化、select時にクリック感ハプティクスを返す。アクセスキー表示やフォーカスリングなど、WebアクセシビリティをXR UIに持ち込む際の基本も確認できる。
実験情報
- 難易度: 中級
- 所要時間: 約5分
- 対応フレームワーク: three.js
- 対応デバイス: Quest, Pico

ワールド空間に置いたUIパネルをレイキャストでフォーカスし、hover/select状態を持たせるデモ。
ワールド空間に置いたUIパネルをレイキャストでフォーカスし、hover/select状態を持たせるデモ。
UIは物理的な板として配置し、ホバー時にカラー変化、select時にクリック感ハプティクスを返す。アクセスキー表示やフォーカスリングなど、WebアクセシビリティをXR UIに持ち込む際の基本も確認できる。