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 时，对象的相同位置看起来完全不同。从初始视图来看，所有三个对象似乎都在一个笔直的垂直列中。

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 中一样定位对象。