はじめようHoloLens2/OculusQuest対応WebXR

2
じゅん@3/22-25応物学会@東京 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

本日はこちらのWebXRハンズオンで勉強する予定です(´ω`) 昼くらいから準備せねば💦 #AR_Fukuoka #HoloLens2 twitter.com/ar_fukuoka/sta…

2021-07-09 05:27:57
AR Fukuoka @ar_fukuoka

先日開催したWebXRハンズオンを再開催します! はじめようHoloLens2/OculusQuest対応WebXR xr-fukuoka.connpass.com/event/216678/?… #AR_Fukuoka #HoloLens #OculusQuest #WebXR

2021-06-17 09:51:53
じゅん@3/22-25応物学会@東京 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka #HoloLens2 はじまりました 必要な資料のダウンロード&展開 Glitchをつかうよ たくさん反応をすると進行がしやすい pic.twitter.com/FNhx4UWl1M

2021-07-09 19:39:10
拡大
じゅん@3/22-25応物学会@東京 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

ハッシュタグは #AR_Fukuoka よしながさん AR、ボリューメトリックビデオとか好き ARコンテンツ作成勉強会 ・一人一人ゴールするための少人数ハンズオン ・興味ベースで参加OK ・各地で開催(札幌にも来てもらったよ) ・勉強会情報はツイッターをチェック pic.twitter.com/aJJjS2mRhG

2021-07-09 19:43:59
拡大
拡大
拡大
拡大
じゅん@3/22-25応物学会@東京 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka 今回のゴールは、WebXR(VR/AR)で3D表示+空中お絵描きbyハンドトラッキング ピンチ操作の仕込み方が分かる予定 敷居低くやるためにA-Frameでやる  HTMLタグで作れる  OS内のブラウザが対応してれば共通ソースでどこでも使える  実機確認しやすい Glitchはサーバー+エディタ pic.twitter.com/nHhE1YL0F0

2021-07-09 19:53:06
拡大
拡大
拡大
拡大
ずきゅ~んたん @ZuQ9Nn

HoloLensはビルドが長い上に、かなりの確率でデプロイも失敗するよね。。いけたかと思ったら、実行直後にエラーでるパターンもある。 #AR_Fukuoka

2021-06-04 19:49:20
じゅん@3/22-25応物学会@東京 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka 初期コードの複製からスタート Showのオプションでプレビューの出し入れ pic.twitter.com/HjJ4d2X9C0

2021-07-09 20:01:31
拡大
拡大
拡大
拡大
ずきゅ~んたん @ZuQ9Nn

プレビュー出てきた。サポートも丁寧 #AR_Fukuoka

2021-06-04 19:58:53
じゅん@3/22-25応物学会@東京 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka 名前の変更 プロジェクト名と公開URLが連動してる Holo/Quest2でそれぞれ確認タイム pic.twitter.com/2iMqMmAnnf

2021-07-09 20:10:30
拡大
拡大
拡大
拡大
ずきゅ~んたん @ZuQ9Nn

勉強会開始された。今日は 折角なので久々に HoloLens 2 を使います。ブラウザでもハンドトラッキングできるとか知らなかった。#AR_Fukuoka

2021-06-04 19:31:06
ずきゅ~んたん @ZuQ9Nn

2Dのブラウザ表示から空間に召喚するの、気分上がる。。これだけでも楽しい。 #AR_Fukuoka pic.twitter.com/Ff7gybrEw3

2021-06-04 20:20:18
じゅん@3/22-25応物学会@東京 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka プログラムの構造の確認と3D処理に必要なA-Frameの読み込み a-sceneタグ間に書かれたコードに図形を配置する 今はa-box(位置、大きさ、向き、色を指定して配置) scriptの内部にそれぞれの要素の挙動を指定する pic.twitter.com/K8O67IBwEq

2021-07-09 20:30:37
拡大
拡大
拡大
拡大
キジカエル @tori_kizi

へーA-Frameで用意されてるメンバーか何かだとおもっていたけど id はじぶんたちで使いやすくするための名前だったのか #AR_Fukuoka

2021-07-09 20:39:17
じゅん@3/22-25応物学会@東京 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka a-entityにIDを与えて呼び出して、属性っぽいパラメタを指定 左手・ドット 右手・ドット pic.twitter.com/keRVsOrzDV

2021-07-09 20:42:27
拡大
さすけ @sasuke9410

A-Frameを使ったWebVRのハンズオンイベント参加中 自分はQuest1で確認 modelStyleを”mesh”にすると指がグニャグニャに #AR_Fukuoka pic.twitter.com/rsQ1udILny

2021-07-09 20:44:40
拡大
キジカエル @tori_kizi

meshにすると手がぐにゃるのじぶんでもかくにんできた。A-Frame公式にあるサンプルはたしかmeshだったはず #AR_Fukuoka

2021-07-09 20:46:58