I have a large and growing library of stereoscopic (not 360) photos in JPS and MPO format which I'd like to share via a website in some form of stereoscopic slideshow for VR headsets.
A-Frame looks promising but so far I've found no examples of how to display side-by-side or other stereo image formats.
If I've simply missed such an example, I'd be grateful if someone could point me towards it.
If not, it'd be great to understand how I'd go about creating a slideshow for stereoscopic images using A-Frame or otherwise.
One way of doing this would be
splitting the stereoscopic image into two images, which would correspond to both halves of the original image.
render each half for its corresponding eye by using the stereo component
Which would require two planes:
<a-plane material="src: #img; repeat:0.5 1" stereo="eye:left"></a-plane>
<a-plane material="src: #img; repeat:0.5 1; offset: 0.5 0" stereo="eye: right"></a-plane>
and setting
repeat to 0.5 1 to render only half the image, and0.5 0Simple wxample in this glitch or with a cursor swapping the images in vr mode here