目次 はじめに 実装 はじめに こんにちは！今回はTree.jsを使用して簡単なオブジェクトとパーティクルを実装してみました。学習用のお試しなので悪しからず！ 実装 今回はこちらのサイトの実装を参考に

目次 はじめに オリジントライアル登録 実装方法 three.jsベース metaタグにAPIを追加 ライブラリを取得 requiredFeaturesの設定 plane情報の取得 まとめ はじめに

目次 three.jsのWebXR Exampleソース WebXRの設定 ARButton.jsライブラリの取得 RendererのWebXR設定 ARButtonの設置 アニメーションループ実装の

目次 作成するもの 実装方法 A-Frameのベースソースの取得 WebXRの設定 Hit-Test カーソルの作成 hit-testの設定 Dom-Overlay ボタンdomの作成 BOXの配置ロ

目次 WebXR の設定 hit-test の設定 webxr コンポーネントの設定 xrHitTestSource の取得 hitTestResult の取得 位置情報・回転情報の反映 コンポーネン

目次 WebXR の設定 Dom-Overlay の設定 webxrコンポーネントの設定 表示するDOMエレメントの作成 A-Frame v1.1.0 でDom-Overlay、hit-testが使え

目次 A-Frame v1.1.0 WebXR Hit-test Dom-overlay A-Frame v1.1.0 去年12月になりますが、A-Frameがv1.1.0をリリースしました。A-Fr

目次 前回のおさらい モグラの配置 実装内容 動作確認 Animation Animationとは？ 実装内容 動作確認 モグラ叩き判定 実装内容 動作確認 最後に 前回のおさらい 先日、スターティア

目次 第二回勉強会を開催しました 作成したもの サンプルコードを読み込む AR.js AR.jsとは？ 実装内容 動作確認 Raycaster Raycasterとは？ 実装内容 動作確認 Part2