aframe sharedspace component

Aframe SharedSpace-Component

A型VR组件以WEBRTC创建多用户体验

在线尝试VR聊天！

sharedspace组件提供了一个简单的参与模型，其中参与者加入或留下命名的房间，向其他同行发送消息并发布音频流。它在WEBRTC的顶部运行，在点对点会话管理上，信号基础架构最少。

sharedspace组件涵盖了特定的用户酶。如果您正在寻找一种更通用的解决方案来解决网络同步A框架场景，请查看Hayden Lee的networked-aframe 。

https

WEBRTC仅适用于安全起源，因此您的网站必须从localhost或HTTPS提供，才能使组件工作。如果您需要从Internet访问您的应用程序，请使用Ngrok或在小故障上完全构建。这两个选项都很好。

安装

您需要在系统中安装node和npm 。安装后，只需从项目的根部运行以下命令即可作为依赖项安装：

$ npm install --save aframe-sharedspace-component

或在包含A框后将脚本标签添加到组件中：

 < script src =" https://unpkg.com/[email protected]/dist/aframe-sharedspace-component.min.js " > </ script > 

最小设置

一旦安装了A型框架和sharedspace组件，这就是创建聊天室所需的所有HTML（真的！）：

 < a-scene >
  < a-entity sharedspace =" audio: true " avatars >
  </ a-entity >
</ a-scene >
< template >
  < a-sphere radius =" 0.1 " > </ a-sphere >
</ template >

不幸的是，聊天室缺乏装饰和化身的聊天室是球形，这不是代表人头的最佳方法。相反，请查看Glitch上的VR聊天应用程序，以进行功能最小的设置。

文档

安装sharedspace时，将注册四个组件A框架：

成分	描述
sharedspace	提供参与模型。
avatars	管理参与者的化身。
share	控制参与者分享的状态。
position-around	向手放置一个实体围绕中心点。

在准备更多webby版本的文档时，请查看组件概述文档。

贡献

如果您想为项目做出贡献，请克隆存储库并安装依赖项：

$ npm install

在端口8080和端口9000本地WEBRTC信号服务器上运行以下命令，以运行Live-lilesload侦听本地服务器：

$ npm start

要使sharedspace组件使用本地信号服务器，请使用provider属性：

 < a-entity sharedspace =" provider: http://localhost:9000 " >
  <!-- Here is the content of your shared space -->
</ a-entity > 

建造

如果要生成库的JavaScript捆绑包，请运行以下命令，并且该软件包将在dist文件夹下方：

$ npm run build

尺寸分析

您可以设置SIZE_ANALYSIS环境变量，以可视化束组件的大小。

$ SIZE_ANALYSIS=1 npm run build

部署

要在github页面上与库一起部署演示，请使用以下命令。 remeber更改origin遥控器以指向您自己的存储库。

$ npm run deploy

学分

库存的动漫面部模型放养在CC归因下获得许可