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 Surface，而不是3D场景。我必须对我说，这很奇怪，我也在努力解决这个问题。特别是因为他们显着地改变了它并且很难在文档中找到关于它的任何信息（如果它甚至在那里因为我在代码中找到了解决方案）。因此，在client.js文件中，您必须更改此

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

到这个

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

然后您就可以像在React VR中一样定位对象。