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"