Переместить аватар с помощью реакции vr

Я новичок в мире React vr, я изучил основы React vr на некоторых сайтах. И я тоже устал от некоторых примеров проектов. Я следовал этому руководству.

Хотя я искал на многих сайтах, я не знаю, как переместить аватар внутри pano или любого другого vr components. Может ли кто-нибудь сказать/помочь/подсказать, как переместить аватар внутри React vr pano. или предложите мне какой-нибудь учебник, который объясняет перемещение аватара внутри панорамы.


aframe react-360 webvr
person Beckham_Vinoth    schedule 18.04.2018    source источник
comment
Что вы подразумеваете под «аватаром», какой-то 2D-графикой?   -  person Alan Wołejko    schedule 24.04.2018
comment
Да, 3d объекты. .мяч, куб. .так далее . .что бы ни. .. дело в том, что я хочу переместить этот объект внутрь ‹a-scene›‹/a-scene›   -  person Beckham_Vinoth    schedule 25.04.2018

Ответы (2)


arrow_upward
0
arrow_downward

Насколько я понимаю, вы хотите просто добавить дочерние компоненты, например, чтобы вложить Model внутри Pano:

<Pano>
 <Model></Model>
</Pano>

как в HTML. Вы можете прочитать здесь о JSX в ReactVR.

person Alan Wołejko    schedule 25.04.2018
comment
я уже сделал это, братан, дело в том, что я не знаю, как перемещать эту модель. Например, скажем, у меня есть модель автомобиля, и я хочу водить машину внутри этой панорамы. . Является ли это возможным ? У вас есть ссылка на это? если да, то подскажите... спасибо за ваше драгоценное время :) - person Beckham_Vinoth; 25.04.2018
comment
О, так что я думаю, что что-то подобное невозможно в React VR, по крайней мере, не просто. Насколько я знаю, «Ваша» позиция всегда центрирована. Однако я экспериментировал с подобными вещами и сделал что-то подобное, перемещая все вокруг себя, например, после нажатия «W» все позиции объектов менялись + 0,1, но это было довольно просто, вы не могли повернуться и т. д. Также я не уверен, насколько эффективно это будет с большим количеством объектов, это фреймворк для веб-сайтов 3D / VR, а не движок 3D-игр;) - person Alan Wołejko; 25.04.2018

arrow_upward
0
arrow_downward 

<Model 
  style={{
          transform: [{translate: [this.state.x,this.state.y,this.state.x]}]
        }}

source source={{ obj: asset("earth.obj"), mtl: asset("earth.mtl") }}
lit={true}
/>

// увеличьте значение x, y, z, это будет выглядеть так, как будто он работает // или используйте функцию setTimeout для обновления значения x, y, z

person aman shrivastava    schedule 12.06.2019