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

Question

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

风格：{变换：[{翻译：[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 中一样定位对象。