Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

AWSを使わないでVR空間の共有ができる「networked-aframe」の使い方を調べてみた

344 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

AWSを使わないでVR空間の共有ができる「networked-aframe」の使い方を調べてみた

  1. 1. 2020/5/13 Hubs Scrum Limes (@WheetTweet) AWSを使わずにVR空間共有が できるnetworked-aframeの使い⽅ を調べてみた
  2. 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. 3. 本⽇の概要 ■ networked-aframeの概要 ■ networked-aframeでできることの⼀例
  4. 4. networked-aframe (NAF) とは︖ Haydenjameslee[1]さんという⽅が、 Mozilla HubsのOSSを拡張し、2017年に公開さ れた仕組み (MIT License) https://github.com/networked-aframe [1] https://haydenlee.io/
  5. 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. 6. networked-aframeでできることの⼀例 ■ 同じVR空間にいる他のプレーヤーの動きを⾒る (sample: Basic) https://github.com/networked-aframe/networked-aframe/tree/master/examples ⻩緑の視点 ⾚の視点
  7. 7. networked-aframeでできることの⼀例 ■ 同じVR空間にオブジェクトを表⽰、制御 (sample: Ownership Transfer) https://github.com/networked-aframe/networked-aframe/tree/master/examples 緑の視点 薄緑の視点
  8. 8. networked-aframeでできることの⼀例 ■ ⾳声共有のサンプルもあるが、未確認 ■ Hubsが持つ、⽂字チャット、線を描く、ファイ ル共有、カメラ使⽤などはない ■ VR空間共有だけに機能を絞ったイメージなので、 簡易検証に最適かも。
  9. 9. 細かい説明はブログで公開予定のため、 本⽇はこれで終わります ブログ記事 https://www.crossroad-tech.com/entry/networked-aframe-setup 動作確認の動画 https://www.youtube.com/watch?v=qweDZNyW3CQ

×