StereoEquiProjection
import { StereoEquiProjection } from "@egjs/view360";

StereoEquiProjection is a projection that allows you to display content in the form of two equirectangular images packed in up/down or left/right.
By default, only one of the two images is displayed, displaying up for up/down and left for left/right.
Other projections, except some, also support VR mode, but only StereoEquiProjection can provide different images from eye to eye in VR mode.
Here is an example of StereoEquiProjection.
You can check the original image by pressing the image button in the lower right corner of the viewer.
- JSON
 - Javascript
 - React
 - Angular
 - Vue@2
 - Vue@3
 - Svelte
 
{
    projection: new StereoEquiProjection({
        src: "/pano/stereoequi/stereoequi.png",
    })
}
Modes
Two modes are available for StereoEquiProjection, top_bottom and left_right.
All available modes are provided with StereoEquiProjection.MODE
import { StereoEquiProjection } from "@egjs/view360";
StereoEquiProjection.MODE.TOP_BOTTOM // ="top_bottom"
StereoEquiProjection.MODE.LEFT_RIGHT // ="left_right"

When the stereo image is placed by side-by-side like the above image, you can use mode: "left_right".
- JSON
 - Javascript
 - React
 - Angular
 - Vue@2
 - Vue@3
 - Svelte
 
{
    projection: new StereoEquiProjection({
        src: "/pano/stereoequi/veste.jpg",
        mode: "left_right",
    })
}
Options
In addition to src and video, StereoEquiProjection has the following additional options:
mode
Stereoscopic mode of the image.
Default is "top_bottom"