How to display cursor (Reticle) in VR - mode using React-vr?

Question

https://facebook.github.io/react-vr/docs/input.html Based on this documentation I have done sample. In browser I can see the mouse pointer which is default. In Android chrome I don't see any cursor or pointer. But touch works and colour of the text is getting updated on touch. When I am switching into VR mode there is no cursor visible.

Attached screen shot for reference.

Answer 1

For the new React360 framework you can also use the SimpleRayCaster:

https://www.npmjs.com/package/simple-raycaster

In your client.js file add the following to the imports:

import SimpleRaycaster from "./SimpleRaycaster";

Then add the following lines after the r360 instance is created:

  r360.controls.addRaycaster(SimpleRaycaster);
  r360.compositor.setCursorVisibility('visible');

Answer 2

meybe this page help u https://github.com/facebook/react-vr/issues/86

So I will try to use https://www.npmjs.com/package/simple-raycaster