This component can be used to render a scene in either monoscopic or stereoscopic 3DoF. Only the orientation of the head is used. The position of the camera can be controlled with the position property.
Checkout the example: Online Demo | Source
Load the script from npm or add the following script tag:
<script src="https://cdn.jsdelivr.net/npm/@fern-solutions/aframe-3dof/dist/3dof.umd.min.js"></script>
The 3dof
component can be added to any a-scene
element as follows:
<a-scene 3dof="position: 0 1.6 0">