reactjs - react-vr和react-360的布局定位有什么区别？

Question

我已经开始使用react-vr创建一个项目，并以球形方式将对象布置在用户周围。 或者例如，这 3 个对象的位置为 (1, 1, 1)、(2, 2, 2) 和 (3, 3, 3)。

style: { transform: [{ translate: [1,1,1] }] }

转移到react-360后，对象的相同位置看起来完全不同。从最初的 View 来看，所有三个对象似乎都位于垂直的直柱中。

1. 这两者的布局结构是否存在我在这里忽略的重大差异？
2. 此外，这些对象的渲染顺序也与我们在 React-360 中获得的输出不同。

Answer 1

有一个区别，默认情况下它渲染为 2D 表面，而不是 3D 场景。我必须说这对我来说很奇怪，我也为此苦苦挣扎。特别是因为他们对其进行了重大更改，并且很难在文档中找到有关它的任何信息(如果它存在，因为我在代码中找到了解决方案)。因此，在 client.js 文件中，您必须更改此内容

  r360.renderToSurface(
    r360.createRoot('YourProject', { /* initial props */ }),
    r360.getDefaultSurface()
  );

到此

  r360.renderToLocation(
    r360.createRoot('YourProject', { /* initial props */ }),
    r360.getDefaultLocation()
  );

然后您将能够像在 React VR 中一样定位对象。