React-three-fiber: Creating Panoramic 360 views

[francopetra]

Hi there, I'm working on a website and love the idea of integrating Three.js and React, but can't find how to do some actions. Read about the VR implementation, but can't get the panoramic view like this codesandbox(sometime you need to refresh for it to work).
It uses WebGLRenderer, PerspectiveCamera and OrbitControls. If it works, would be happy to help with the docs if I get to make it work.
Thanks in advance!

[drcmda]

as a rule of thumb, nothing really changes. you can write the same code as before, so when in doubt, go ahead and copy that code, dump it into a function component, it will run. at some point it becomes obvious what can be made declarative, which brings all the benefits: https://codesandbox.io/s/r3f-sky-dome-dgbmm

[Mirzhal95]

@drcmda, sorry zooming not working for jpg image on your provided example https://codesandbox.io/s/r3f-sky-dome-dgbmm. So, how can we fix it?)) Also, how can we add the functionality to move camera on the mouse move and stop rotation and when we do not move mouse then rotation starts again? THank you in advance))

[drcmda]

i think you cant zoom on a cubemap. you need to solve it in another way if thats the case. purely threejs reately question are better placed in their discourse forum, here it'll take longer. the autorotate is a property on the controls.