can i use materialFromPoint in webXr ar mode ?

[Hamidrzash]

my web App is almost complete and the only issue I'm facing now is that this method is not getting called when im in webxr ar

const changeColorClick = async (event) => {
console.log('getMaterialFromPoint')
const material = modelViewer.materialFromPoint(event.clientX, event.clientY);
};

modelViewer.addEventListener("touch", changeColorClick);

i dont know if i can get it working or not in ar😅am i listening to the wrong event maybe?

[elalish]

I don't think there's a "touch" event on the web - perhaps you mean "touchstart"? https://developer.mozilla.org/en-US/docs/Web/API/Touch_events

[Hamidrzash]

I have been testing model-viewer-module with different 'three' versions and the problem seems to be between 160 and 161.
mrdoob/three.js@r160...r161
Thats 175 commits😄

[Hamidrzash]

I've identified that the issue seems to be from these lines added in the last commit for version 161 of three.js

cameraL.near = _nearOverride;
cameraL.far = _farOverride;
cameraR.near = _nearOverride;
cameraR.far = _farOverride;

cameraL.updateProjectionMatrix();
cameraR.updateProjectionMatrix();
camera.updateProjectionMatrix();

The problem appears to be related to the cameraL.updateProjectionMatrix(); call, which affects the subsequent code:

if ( cameras.length === 2 ) {
				setProjectionFromUnion( cameraXR, cameraL, cameraR );
			} else {
				// assume single camera setup (AR)
				cameraXR.projectionMatrix.copy( cameraL.projectionMatrix );
			}

I'm not entirely sure how this can be fixed yet.

[elalish]

Wow, good sleuthing! Have you filed a bug on Three.js yet?

[elalish]

Looks like this was fixed by mrdoob/three.js#29120 in r168 💯