Bring dat.gui inside vr

[mrdoob]

Description

More work on bringing interactive HTML elements inside VR.

Live link: https://raw.githack.com/mrdoob/three.js/webxr/examples/webxr_vr_sandbox.html

[Mugen87]

Tested this on a Oculus Quest (1) and the interaction works fine! The only thing I have notice is that the labels of the GUI are somewhat hard to read from a steep angle. The text gets more sharp if I move my position in front of the GUI.

Would it makes sense to orient the plane always towards the VR camera's position?

[mrdoob]

Would it makes sense to orient the plane always towards the VR camera's position?

I'm planning on making these panels grabbable.
So we can grab it with one hand and mode the sliders with the other 🤓

[Mugen87]

That should definitely help^^.

[gkjohnson]

Looks great! I was looking for something like this awhile ago. My only comment is that the name InteractionManager feels a little generic. Maybe XRInteractionManager to be consistent with the other XR classes? Or something related to the event forwarding it does like XRInteractionDispatcher? Either way I'm excited to see this.

[mrdoob]

@gkjohnson I was on the middle of a complete API redesign 😅
Would you like to have another look? (I'll add pointer events next)

[Mugen87]

Tested the demo on dev today again and it works fine 🎉 . Also like how the GUI is positioned now!

[Gabana]

Hey Ricardo, the link to the example doesn´t work. Is it still uploaded? if so, can you please update it? Thanks!

[mrdoob]

@Gabana https://threejs.org/examples/webxr_vr_sandbox.html