360 Scene Viewer: Free Interactions Component by Zarak Shiraz

Marketplace Components Categories Interactions

Simply upload your image in the component's settings panel and the component will display it as a 3D, interactive scene on your website. Hold and drag to explore the scene. The component comes with many cool settings and controls to be creative with the output

About this Component

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.