search

facebookarchive / react-360

Create amazing 360 and VR content using React
https://facebook.github.io/react-360
Other
8.73k stars 1.23k forks source link

Implement 2d elements around 360 #693

Open BorodinDK opened 5 years ago

BorodinDK commented 5 years ago

Hi, Thank you for this project.

Description

I want to implement something like that https://tour-360.ru/projects/loft904/?fov=83.8&lat=-20.29&lon=16.17&id=9 on the React-360

I need to place simple 2D buttons between panoramas in 360x180 space. I can not create a surface in the form of a sphere (or just 360 degrees > 1170 px). I do not think that I should create a lot of small surfaces (surface for each button). I think using 3D objects for navigation buttons is not a good practice.

Tell me please what should I use for such navigation?

P.S. In react-vr I managed to position 2D objects as I need (in 3d).

drubio1989 commented 5 years ago

Hey @BorodinDK I know this is late but you can try to do something like what you want by following my youtube video tourism app

This is taken from my course on Udemy. This will show you how you can use a view to map to a shared surface. This will create those circular buttons that you want. You'll need to change the logic of those buttons though to change the Environment.