Book Image

Getting Started with React VR

By : John Gwinner
Book Image

Getting Started with React VR

By: John Gwinner

Overview of this book

This book takes you on a journey to create intuitive and interactive Virtual Reality experiences by creating your first VR application using React VR 2.0.0. It starts by getting you up to speed with Virtual Reality (VR) and React VR components. It teaches you what Virtual Reality (VR) really is, why it works, how to describe 3D objects, the installation of Node.js (version 9.2.0) and WebVR browser. You will learn 3D polygon modeling, texturing, animating virtual objects and adding sound to your VR world. You will also discover ways to extend React VR with new features and native Three.js. You will learn how to include existing high-performance web code into your VR app. This book will also take you through upgrading and publishing your app. By the end of this book, you'll have a deep knowledge of Virtual Reality and a full-fledged working VR app to add to your profile!
Table of Contents (20 chapters)
Title Page
Credits
About the Author
Acknowledgements
About the Reviewers
www.PacktPub.com
Customer Feedback
Preface

Chapter 8. Breath Life in Your World

In the last chapter, with materials, we made objects look more real. We know that is not totally necessary for VR to work as we discussed in Chapter 1, What is Virtual Reality, Really, but it certainly helps. Now, we will learn how to really make things seem real by making them move. This does two things: things that move look more alive, and it also helps parallax depth perception.

React VR has a number of APIs that will make it very easy to include animations that are fluid and natural. In most traditional CGI, making animation fluid is not so easy; you've got to start a motion out slow, ramp up to speed, and slow it down gently as well, otherwise the movement looks fake.

We will cover these topics in this chapter:

  • The AnimatedAPI that is used to animate objects
  • A one-shot animation
  • Continuous animation
  • Life cycle events such as componentDidMount()
  • How to inject sound into the world

Movement and sound go a long way in making a world look alive. Let's do that...