【问题标题】:What is the difference in layout positioning of react-vr and react-360?react-vr和react-360的布局定位有什么区别?
【发布时间】:2018-05-31 19:45:03
【问题描述】:

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

风格:{变换:[{翻译:[1,1,1]}]}

在移动到 react-360 时,对象的相同位置似乎完全不同。从最初的视图来看,所有三个对象似乎都在一个笔直的垂直列中。

  1. 我在这里错过的两者的布局结构有什么重大区别吗?
  2. 此外,这些对象的渲染顺序与我们在 react-360 中获得的输出不同。

【问题讨论】:

    标签: reactjs react-360


    【解决方案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 中一样定位对象。

    【讨论】:

    • 谢谢!现在这是有道理的。但就 React360 而言,renderToSurfacerenderToLocation 更好?
    • 我认为这取决于我,因为我仍然想像 ReactVR 一样使用它,renderToLocations 是一个明显的选择。我认为您也可以以某种方式混合它们,但尚未检查。
    猜你喜欢
    • 2022-10-14
    • 2016-04-11
    • 1970-01-01
    • 2018-07-16
    • 2020-01-09
    • 2021-03-07
    • 2019-09-27
    • 2016-03-29
    相关资源
    最近更新 更多