お知らせ connpassではさらなる価値のあるデータを提供するため、2024年5月23日(木)を以ちましてイベントサーチAPIの無料での提供の廃止を決定いたしました。
料金・プラン等につきましては後日改めてご案内いたします。詳しくはこちらの お知らせをご覧ください。

お知らせ connpassをご利用いただく全ユーザーにおいて健全で円滑なイベントの開催や参加いただけるよう、イベント参加者向け・イベント管理者向けのガイドラインページを公開しました。内容をご理解の上、イベント内での違反行為に対応する参考としていただきますようお願いいたします。

このエントリーをはてなブックマークに追加

Feb

11

Babylon.jsで始めるHoloLens2/Quet対応WebXR

ハンズオン形式の勉強会です

Organizing : ARコンテンツ作成勉強会

Babylon.jsで始めるHoloLens2/Quet対応WebXR
Hashtag :#AR_Fukuoka
Registration info

オフライン枠(エンジニアカフェ)

Free

Standard (Lottery Finished)
2/10

オンライン枠

Free

Standard (Lottery Finished)
22/20

ブログ執筆枠

Free

Standard (Lottery Finished)
1/2

Attendees
tygoto
Hassy
iwamah1
Magatoki
Tom20
benimo
yokoom
haruto869217
konoha
kaburk
View Attendee List
Start Date
2023/02/11(Sat) 13:00 ~ 16:30
Registration Period

2022/12/28(Wed) 22:07 〜
2023/02/10(Fri) 15:30まで

Location

エンジニアカフェ メインホール

福岡県福岡市中央区天神1丁目15−30

View Map
参加者への情報
(参加者と発表者のみに公開されます)

Description

イベント内容

HoloLens2のアップデートによりWebブラウザのEdgeでWebXRを体験できるようになりました。また同様にVRのMetaQuestのウェブブラウザでもWebXRを体験でき、AR/VRの両面からWebXRが活用できる環境が整ってきました。
そこで今回はWebXR開発の第一歩を踏み出すための基本的な手順を体験しみようというハンズオンを開催します。
具体的には、WebXR 開発ツールのBabylon.jsを使った3D表示や、HoloLens 2やMeta Questを用いた基本的なハンド・インタラクションを実装してみます。

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

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

対象者

・WebAR/VRに興味のある人。(初心者OK!)
・HoloLens2/Meta Quest対応のコンテンツを作る手順を知りたい人
・手を動かすのが好きな人

※今回はプログラミング要素が大きいのでjavascriptの基礎の基礎を知っているとベター(必須ではありません)

事前準備

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

① 機材の準備

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

② Hand Trackingの有効化(必須)

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

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

(3)共通
・HoloLensまたはQuestで下記にアクセスし、画面右下のゴーグルマークをタップして没入モードにし、手のCGが表示されることを確認。(カメラへのアクセスの許可を求めてきますので許可してください。)
   https://babylonjs-test.glitch.me

  動作の様子(HoloLens2)
   https://youtu.be/vViWxu1QKNs

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

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

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

会場

・オフライン:エンジニアカフェ
・オンライン:どこでもOK

時間

13:00~16:30

Presenter

Media View all Media

If you add event media, up to 3 items will be shown here.

Feed

Tks_Yoshinaga

Tks_Yoshinaga published Babylon.jsで始めるHoloLens2/Quet対応WebXR.

12/28/2022 22:08

Babylon.jsではじめるHoloLens 2 / Meta Quest対応WebXR入門 を公開しました!

Group

ARコンテンツ作成勉強会

ARをはじめとするxR技術のハンズオン勉強会

Number of events 213

Members 1112

Ended

2023/02/11(Sat)

13:00
16:30

You cannot RSVP if you are already participating in another event at the same date.

Registration Period
2022/12/28(Wed) 22:07 〜
2023/02/10(Fri) 15:30

Location

エンジニアカフェ メインホール

福岡県福岡市中央区天神1丁目15−30

Attendees(23)

tygoto

tygoto

Babylon.jsではじめるHoloLens 2 / Meta Quest対応WebXR入門に参加を申し込みました!

Hassy

Hassy

Babylon.jsではじめるHoloLens 2 / Meta Quest対応WebXR入門 に参加を申し込みました!

iwamah1

iwamah1

Babylon.jsではじめるHoloLens 2 / Meta Quest対応WebXR入門に参加を申し込みました!

Magatoki

Magatoki

Babylon.jsではじめるHoloLens 2 / Meta Quest対応WebXR入門 に参加を申し込みました!

Tom20

Tom20

Babylon.jsではじめるHoloLens 2 / Meta Quest対応WebXR入門 に参加を申し込みました!

benimo

benimo

Babylon.jsではじめるHoloLens 2 / Meta Quest対応WebXR入門に参加を申し込みました!

yokoom

yokoom

Babylon.jsではじめるHoloLens 2 / Meta Quest対応WebXR入門 に参加を申し込みました!

haruto869217

haruto869217

I joined Babylon.jsではじめるHoloLens 2 / Meta Quest対応WebXR入門!

konoha

konoha

Babylon.jsではじめるHoloLens 2 / Meta Quest対応WebXR入門 に参加を申し込みました!

kaburk

kaburk

Babylon.jsではじめるHoloLens 2 / Meta Quest対応WebXR入門 に参加を申し込みました!

Attendees (23)

Waitlist (2)

568

568

Babylon.jsではじめるHoloLens 2 / Meta Quest対応WebXR入門 に参加を申し込みました!

blq3077

blq3077

Babylon.jsではじめるHoloLens 2 / Meta Quest対応WebXR入門に参加を申し込みました!

Waitlist (2)

Canceled (7)