2020/5/13に開催されたオンライン勉強会「Hubs Scrum」 (https://vrm-nagoya.connpass.com/event/175544/）での発表資料です。 具体的な使い方は、下記のブログおよび動画を参照ください。 https://www.crossroad-tech.com/entry/networked-aframe-setup https://www.youtube.com/watch?v=qweDZNyW3CQ&feature=emb_logo

1. 2020/5/13 Hubs Scrum
Limes (@WheetTweet)
AWSを使わずにVR空間共有が
できるnetworked-aframeの使い⽅
を調べてみた

2. ⾃⼰紹介
■ 産業向けXR適⽤を進めている社会⼈
■ 2013年よりVR系の活動開始。2018年頃からWebXR
の例であるBabylon.jsについて勉強中。
■ Microsoft MVP (Unity :2016/10-2018/7)
■ (Windows Mixed Reality :2018/7-)
■ Blog : Cross Road
■ https://www.crossroad-tech.com/

3. 本⽇の概要
■ networked-aframeの概要
■ networked-aframeでできることの⼀例

4. networked-aframe (NAF) とは︖
Haydenjameslee[1]さんという⽅が、
Mozilla HubsのOSSを拡張し、2017年に公開さ
れた仕組み (MIT License)
https://github.com/networked-aframe
[1] https://haydenlee.io/

5. networked-aframe (NAF) とは︖
Mozilla HubsのGithubには、HubsとNAFを接続
するアダプターも紹介されている
Additional Resources NAF Janus Adapter - A
Networked A-Frame adapter for the Janus SFU
service.[2]
[2] https://github.com/networked-aframe

6. networked-aframeでできることの⼀例
■ 同じVR空間にいる他のプレーヤーの動きを⾒る
(sample: Basic)
https://github.com/networked-aframe/networked-aframe/tree/master/examples
⻩緑の視点 ⾚の視点

7. networked-aframeでできることの⼀例
■ 同じVR空間にオブジェクトを表⽰、制御
(sample: Ownership Transfer)
https://github.com/networked-aframe/networked-aframe/tree/master/examples
緑の視点 薄緑の視点

8. networked-aframeでできることの⼀例
■ ⾳声共有のサンプルもあるが、未確認
■ Hubsが持つ、⽂字チャット、線を描く、ファイ
ル共有、カメラ使⽤などはない
■ VR空間共有だけに機能を絞ったイメージなので、
簡易検証に最適かも。

9. 細かい説明はブログで公開予定のため、
本⽇はこれで終わります
ブログ記事
https://www.crossroad-tech.com/entry/networked-aframe-setup
動作確認の動画
https://www.youtube.com/watch?v=qweDZNyW3CQ