如何在一个页面上查看多个vr场景?

时间:2017-07-11 12:00:33

标签: javascript html virtual-reality aframe

我试图通过实现 a-scene 来使用 a-frame 库查看多张360张照片。 但我的页面上只渲染了一个场景。有没有解决方法可以解决这个问题?

是否还有其他库来实现这一目标?

1 个答案:

答案 0 :(得分:0)

如果你想在一个屏幕上有很多场景,你需要将它们嵌入到几个div中并按照你的意愿放置它们。 代码如下所示:

a-scene {
  height: 300px;
  width: 600px;
}
<body>
  <div id="myEmbeddedScene">
    <a-scene embedded>
      <!-- ... -->
    </a-scene>
  </div>
</body>

多个场景可能需要将它们嵌入iframe中,如docs中所述 如果要在场景之间切换,可以使其可见属性为true或false。