はじめようOculusQuest/HoloLens2対応WebXR開発

お知らせ connpassではさらなる価値のあるデータを提供するため、2024年5月23日(木)を以ちましてイベントサーチAPIの無料での提供の廃止を決定いたしました。
2024年5月23日(木)以降より開始予定の「connpass 有料API」の料金プランにつきましてはこちらをご覧ください。
なお有料の対象となるのはAPIのみであり、connpassのサービスにつきましては今後も無料でご利用いただけます。

11月

20
はじめようOculusQuest/HoloLens2対応WebXR開発
ハンズオン形式の勉強会です。(内容は6/4,7/9に開催したものと同様です)

主催 : ARコンテンツ作成勉強会

ハッシュタグ：#AR_Fukuoka

募集内容	オフライン枠(実機持参) 無料先着順（抽選終了） 2/3人オフライン枠(OculusQuest2貸し出し) 無料先着順（抽選終了） 1/1人オフライン枠(HoloLens 2貸し出し) 無料先着順（抽選終了） 1/1人オンライン枠(Zoom参加) 無料先着順（抽選終了） 17/15人
申込者	申込者一覧を見る
開催日時	2021/11/20(土) 13:00 ～ 16:30 Googleカレンダー icsファイル
募集期間	2021/10/26(火) 20:51 〜 2021/11/20(土) 16:30まで
会場	エンジニアカフェメインホール福岡県福岡市中央区天神１丁目１５−３０マップで見る
参加者への情報	(参加者と発表者のみに公開されます)

イベントの説明

事前準備

勉強会参加にあたり下記URLを参考に事前準備をお願いいたします。

① 機材の準備

(1) HMD (HoloLens2またはOculus Quest1,2)
いずれの機器もOSのアップデートをお願いします。
(2) 開発用PC (Win/MacどちらもOK)

② Hand Trackingの有効化(必須)

(1) HoloLens2
  - Windowsアップデートで最新版に更新
  - Edgeを起動
  - アドレスバーに chrome://flags と入力して検索
  - handで検索
  - WebXR Hand InputをEnabledに変更

(2) OculusQuest2
  - 最新版にアップデート
  - ハンドトラッキング機能をON (参考： https://apicodes.hatenablog.com/entry/oculus-handtracking )
  - Webブラウザを起動
  - アドレスバーに chrome://flags と入力して検索
  - handで検索
  - WebXR experiences with hand and joints trackingをEnabledに変更

(3)共通
・下記にアクセスし、ARもしくはVRモードに切り替えて手のCGが表示されることを確認
   https://webxr-hand.glitch.me
  動作の様子(HoloLens2)
   https://youtu.be/zCw2kAI5vak

・AR/VRモードからホーム画面に戻る方法について確認
  Quest: コントローラのメニューボタンから戻る
  HoloLens 2: ホームメニュー表示後(手首タップ)、ホームボタンをタップ

③ Glitchのアカウント作成(必須)

Glitchを使うためにFacebookかGitHubのアカウントが必要になります。
https://glitch.com

④ A-Frameの事前知識(余裕があればでOK)

A-Frameの基本知識(下記資料のp48まで)があると理解が早いです。
https://www.slideshare.net/ssuserc0d7fb/arframe-x-arjs

スムーズな進行のため事前準備を済ませておいていただけると助かります。
ご不明な点については下記にご連絡ください。
e-mail: committee@arfukuoka.lolipop.jp
twitter: @taka_yoshinaga

イベント内容

HoloLens2のアップデートによりWebブラウザのEdgeでWebXRを体験できるようになりました。また同様にVRのOculusQuestのウェブブラウザでもWebXRを体験でき、AR/VRの両面からWebXRが活用できる環境が整ってきました。
そこで今回はWebXR開発の第一歩を踏み出すための基本的な手順を体験しみようというハンズオンを開催します。
具体的には、WebXR 開発ツールのA-Frameを使った3D表示や、手を用いた基本的なインタラクションを下記のコンテンツを作りながら学習します。

今回作るコンテンツのイメージ(クリックで動画再生)

※コンテンツは変更になる可能性があります。