OK! We want to animate something. To do that, we will use the VRButton. It activates when one of the following things occur:
- Button A on an XBox Gamepad
- Space button on a keyboard
- Left click with a Mouse
- Touch on a screen
Unfortunately, our "lowest common denominator" is a Google Cardboard, which may, or may not, have a button. You don't want to have to stick your finger inside and try to touch the screen. (After having said that, the newer VR headsets have a little lever arm that pokes the screen, even in the actual cardboard versions). What we will use is a Gaze button. When a mouse pointer or center of the screen (marked by a small dot) go over your object, events will be called, and our code will handle this.
The Gaze button is also packaged into a nice <GazeButton> object in the npm ecosystem. Please refer to the web page at: http://bit.ly/GazeButton. To use it, we'll need to understand what it does, and how we can let the View know that a Gem has been "touched...