Untitled
unknown
plain_text
2 years ago
1.7 kB
6
Indexable
<!doctype html> <html> <head> <title>Stereo Images</title> <script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script> <script src="../script/aframe-stereo-component.min.js"></script> </head> <body> <!-- ******** NOTHING HAS CHANGED WITH v1.4.2 ******** --> <a-scene width="4" height="3"> <!-- Asset Management System --> <!-- <a-assets> <img id="left" src="../assets/images.jpeg"> <img id="right" src="../assets/images.jpeg"> </a-assets> --> <!--TESTING ON VIDEO--> <a-assets> <video id="left" autoplay loop crossorigin="anonymous" playsinline muted> <source src="../assets/vtestvideo.mp4" type="video/mp4"> </video> <!-- <video id="right" autoplay loop crossorigin="anonymous" playsinline muted> <source src="../assets/vtestvideo.mp4" type="video/mp4"> </video> --> </a-assets> <!-- Sky <a-sky></a-sky> --> <!-- Camera --> <a-camera stereocam="eye: left"></a-camera> <!-- Stereoscopic Image--> <a-image src="#left" position="0 1.5 -1" height="0.75" stereo="eye: left"> <a-box stereo="eye:left" position="0 0 0.1" scale="0.1 0.1 0.1" color="#993292"></a-box> </a-image> <a-image src="#right" position="0 1.5 -1" height="0.75" stereo="eye: right"> </a-image> <!-- Stereoscopic 360° Image <a-sky src="#left" rotation="0 -90 0" stereo="eye: left"></a-sky> <a-sky src="#right" rotation="0 -90 0" stereo="eye: right"></a-sky>--> </a-scene> </body> </html>
Editor is loading...