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
About the Author
About the Reviewers
Customer Feedback

Going to Mars (the initial world creation)

You would think there is no weather in space, but actually there is, and we have weather stations there. We will go to Mars to get our weather. This will be a real-time program that will obtain weather data from the Mars Science Laboratory, or its rover called Curiosity.

Curiosity is an SUV-sized robotic rover that was sent to Mars on November 26, 2011 and landed on August 6, 2012. If you drove your SUV there, even if you could buy gas, you would take about 670 years to get there. The Mars rover was designed for a two year mission, but its mission was extended, which is fortunate for us.

Driving that SUV to Mars to get the weather report would have been a hassle. I don't even know where the gas stations are.

Creating the initial world

First, as we've done before, go to your directory where you're storing your worlds and create one, as follows:

react-vr init MarsInfo

Then, download the assets from