Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Getting Started with React VR

You're reading from   Getting Started with React VR Build immersive Virtual Reality apps for the web with React

Arrow left icon
Product type Paperback
Published in Nov 2017
Publisher Packt
ISBN-13 9781788476607
Length 294 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
John Gwinner John Gwinner
Author Profile Icon John Gwinner
John Gwinner
Arrow right icon
View More author details
Toc

Table of Contents (13) Chapters Close

Preface 1. What is Virtual Reality, Really? FREE CHAPTER 2. Flatland and Beyond: VR Programming 3. 3D or Reality in Dimensions Other than X and Y 4. The React VR Library 5. Your First VR App 6. Working with Poly and the Gon Family 7. Sitting Down with a (Virtual) Teapot 8. Breath Life in Your World 9. Do It Yourself – Native Modules and Three.js 10. Bringing in the Real Live World 11. Take a Walk on the Wild Side 12. Publishing Your App, and Where to Go from Here

Animation — VR Buttons

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...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image