В чем разница в позиционировании макета react-vr и react-360?

Я начал создавать проект с помощью react-vr и расположил объект сферически вокруг пользователя. Или, например, 3 объекта имели позиции (1, 1, 1), (2, 2, 2) и (3, 3, 3).

стиль: {преобразовать: [{перевести: [1,1,1] }] }

При переходе в react-360 одни и те же положения объектов кажутся совсем другими. С начального вида все три объекта кажутся прямыми вертикальными столбцами.

  1. Есть ли какая-то существенная разница в структуре макета двух, которые я здесь пропустил?
  2. Также порядок рендеринга этих объектов отличается от вывода, который мы получаем в react-360.

reactjs react-360
person pnkapadia6    schedule 31.05.2018    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Разница в том, что по умолчанию он отображается в 2D-поверхности, а не в 3D-сцене. Должен сказать, для меня это довольно странно, и я тоже боролся с этим. Тем более, что они значительно изменили его, и трудно найти какую-либо информацию об этом в документации (если она вообще есть, потому что я нашел решение в коде). Итак, в файле client.js вы должны изменить это

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

к этому

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

Тогда вы сможете позиционировать объекты, как в React VR.

person Alan Wołejko    schedule 11.06.2018
comment
Благодарю вас! Теперь это имеет смысл. Но что касается React360, renderToSurface лучше, чем renderToLocation? - person pnkapadia6; 13.06.2018
comment
Я думаю, это зависит от меня, поскольку я хотел использовать его все еще, как ReactVR renderToLocations, был очевидным выбором. Я думаю, что вы можете также смешать их как-то, но пока не проверял. - person Alan Wołejko; 14.06.2018