360 Scene Viewer

360° viewer for equirectangular images

To set up the component for the best 360° viewing experience, follow these steps:1. Place the component inside your breakpoint frame and set width to fill/relative 100%. For the height set to at least 100vh for best experience - however, you may choose to increase or decrease the height based on your preference. 2. In the settings panel for the component, click on upload and load your equirectangular image in the component. You can turn any image you have into an Equirectangular panoramic image using any popular image generation model with a single, simple prompt e.g. "turn this image into an equirectangular image". An equirectangular image should look somewhat like the image shown below.3. Press preview to see the scene live in 3D format. Hold and drag on the screen to explore. 4. You can also set auto-rotation on, allowing for an immersive experience even when not dragging on the image. The equirectangular image used in the component preview.

360° viewer for equirectangular images