メインコンテンツまでスキップ

「ar」タグのついた6記事

全てのタグを見る

WebXR AR Raycasting Shapes

ARセッション中にPlayCanvasのメッシュにレイキャストし、パススルーカメラ表示と並んで仮想シェイプのタップが効くようにします。

WebXR AR: DOM Overlay

WebXR ARとDOM overlay APIを組み合わせ、カスタムWebGLテキストなしでスタイル付きHTML/CSSのUIをカメラ映像の上に置きます。

WebXR AR: Hit Test

WebXR hit-test APIで現実世界のジオメトリにレイを飛ばし、検出された床やテーブルに仮想オブジェクトをアンカーします。

WebXR UI インタラクション

WebXRのレーザーポインターや視線でスクリーン空間のUIを指し、デスクトップ、モバイル、ヘッドセットのブラウザでクリックを処理します。

WebXR: AR Image Tracking

ARで印刷された参照画像をトラッキングし、WebXR image-tracking extensionで3Dコンテンツをその姿勢に合わせます。

WebXR: Plane Detection

WebXR平面検出の更新を購読し、床やテーブルの推定を可視化して実際の面にコンテンツをアンカーします。