Google картон 6DoF VR/AR ⇐ Javascript

[Anonymous]

Я сделал себе виртуальный козырек в стиле Google в картонном стиле, но с отверстием для камеры.
Теперь я сделал портативный AR с 6DoF и стерео VR с 3DoF. См. код ниже.
Проблема, с которой я столкнулся, заключается в том, что я хочу создать сеть со стереозрением для картона, но с 6DoF для AR/VR. Есть ли способ добиться этого?





DIY Cardboard 6DoF AR


body { margin: 0; overflow: hidden; background-color: #000; }

/* The video feed stays behind the 3D scene */
#video-feed {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
object-fit: cover;
z-index: -1;
}

/* Help align the Cardboard center divider */
.guide-line {
position: absolute;
left: 50%; top: 0;
width: 1px; height: 100%;
background: rgba(255, 255, 255, 0.2);
z-index: 10;
pointer-events: none;
display: none;
}
























const video = document.getElementById('video-feed');
const scene = document.querySelector('a-scene');
const line = document.getElementById('centerLine');

// 1. Start the camera feed
async function startCamera() {
try {
const stream = await navigator.mediaDevices.getUserMedia({
video: { facingMode: 'environment' }
});
video.srcObject = stream;
} catch (err) {
console.error("Camera access denied:", err);
alert("Please allow camera access for AR Passthrough.");
}
}

// 2. Handle Stereo UI
scene.addEventListener('enter-vr', () => {
line.style.display = 'block';
// Force the background to be transparent in VR mode
scene.renderer.setClearColor(0x000000, 0);
});

scene.addEventListener('exit-vr', () => {
line.style.display = 'none';
});

// Initialize
startCamera();





Подробнее здесь: https://stackoverflow.com/questions/798 ... 6dof-vr-ar