aiden/VR-Web-Player
1
0
Fork 0
forked from EXT/VR180-Web-Player
Code Actions Activity

Merge pull request #1 from Verdi/fix/quest-stereo-rendering

Browse Source 
Fix stereo rendering glitches on Meta Quest browsers
This commit is contained in:
Michael Verdi
2026-01-26 18:23:51 -06:00
committed by GitHub
parent d869f75e1e 4183ae2530
commit 065e8310e3
1 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
vr180player/vr180-player.js
View File

@@ -428,25 +428,20 @@ function init() {
return;
}
const xrCamera = renderer.xr.getCamera();
// Use view matrix eye offset for reliable stereo detection
// This works consistently across Quest Browser updates and Safari/VisionOS
// Left eye has negative X offset, right eye has positive X offset
const viewMatrix = activeCamera.matrixWorldInverse;
const eyeOffsetX = viewMatrix.elements[12];
if (xrCamera && xrCamera.cameras && xrCamera.cameras.length >= 2) {
if (activeCamera === xrCamera.cameras[0]) {
material.map.offset.x = 0;
} else if (activeCamera === xrCamera.cameras[1]) {
material.map.offset.x = 0.5;
} else {
material.map.offset.x = 0;
}
material.map.repeat.x = 0.5;
if (eyeOffsetX < 0) {
// Left eye - show left half of SBS video
material.map.offset.x = 0;
} else {
const projMatrixEl8 = activeCamera.projectionMatrix.elements[8];
if (projMatrixEl8 < -0.0001) {
material.map.offset.x = 0; material.map.repeat.x = 0.5;
} else if (projMatrixEl8 > 0.0001) {
material.map.offset.x = 0.5; material.map.repeat.x = 0.5;
}
// Right eye - show right half of SBS video
material.map.offset.x = 0.5;
}
material.map.repeat.x = 0.5;
};
// Initialize 2D camera
@@ -1731,6 +1726,12 @@ function renderXR(timestamp, frame) {
}
}
try {
// Ensure video texture is synchronized with render loop
// This prevents glitches from texture update timing issues on Quest browsers
if (videoTexture && video && !video.paused && !video.ended) {
videoTexture.needsUpdate = true;
}
handleControllerInteractions();
renderer.render(scene, camera);
} catch (error) {