I wrote my problem on a jsfiddle.
If you try on normal browser, you can do click everywhere in the scene and you will see a blue ray working right, just under your mouse cursor.
but if you enter in VR Mode (You need to have WebXR plugin installed) and do click, the ray is not working right, it’s not under your cursor and has a big offset.
Why? How I can fix it?
It happens on mobile phone too, but you need to have installed the WebXR plugin and use a bluetooth mouse connected to the phone.
You can’t use the browser mouse when in VR.
You could create a plane in VR and draw a mouse cursor that moves inside its bounds. Ray cast from this VR mouse cursor (normal to the plane) and see what it hits.
Its not really the same, but gives you a mouse cursor in VR.
No mouse in VR, but Raycast works the same, just from the position and orientation of your controller.
Check out the examples and work from there.
https://threejs.org/examples/?q=webxr#webxr_vr_dragging
Thank you very much to both, but I mean raycast directly in your browser with the plugin that simulates the VR Environment.
I think it could be great don’t have to use the VR helmet everytime compile and I want to try/debug something. I would like to do directly from my browser with the WebXR emulator or directly from my phone, that it will works like a VR helmet but without any hand controller.
You can install the plugin from chrome from here
and after installed, take a look to my fiddle, you will understand what I mean.