aframe - 如何在 A-Frame 中实现多用户？

Question

我可以将多用户合并到 A-Frame 中的选项有哪些？

下面是示例代码，我希望黑色球体代表每个玩家:

<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>

<a-scene>
  <a-sphere id="player" color="black"></a-sphere>

  <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9"></a-box>
  <a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
  <a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>
  <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
  <a-sky color="#ECECEC"></a-sky>
</a-scene>

Answer 1

随着社区和团队继续试验，多用户仍在充实。网络物理学需要很好地实现，游戏行业中有一些方法可以移植到网络上。截至撰写本文时，有几个初始选项:

https://github.com/haydenjameslee/networked-aframe - Hayden Lee 的联网 A-Frame，使用 WebRTC 和服务器。这是一个我们可以重新混合以开始使用的故障:https://glitch.com/~networked-aframe

<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.4.5/socket.io.min.js"></script>
<script src="easyrtc/easyrtc.js"></script>
<script src="https://unpkg.com/networked-aframe/dist/networked-aframe.min.js"></script>
<script>
  function onConnect() {
    NAF.entities.createAvatar('#avatar-template', '0 1.6 0', '0 0 0');
  }
</script>

<a-scene network-scene>
  <a-assets>
    <script id="avatar-template" type="text/html">
      <a-sphere color="black"></a-sphere>
    </script>
  </a-assets>

  <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9"></a-box>
  <a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
  <a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>
  <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
  <a-sky color="#ECECEC"></a-sky>
</a-scene>

另一个选项是 http://lance.gg/ ，实时多人游戏服务器。它提供了一个可扩展的基于 Node.JS 的服务器，游戏逻辑在该服务器上运行，还提供了一个将客户端游戏状态与服务器游戏状态同步的客户端库。为了为每个连接的客户端提供流畅的视觉体验，Lance 实现了高效的网络方法、位置插值和外推、用户输入协调、阴影对象、物理和伪物理运动、网络尖峰的自动处理。

一个较旧的选项是 https://github.com/ngokevin/kframe/tree/master/components/firebase - 使用 Firebase 实时数据库服务器的 Firebase 组件，因此您无需托管自己的服务器。