Book Image

Getting Started with React VR

By : Gwinner
Book Image

Getting Started with React VR

By: 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 (13 chapters)

What is a polygon? discussion of vertices, polygons, and edges


If you use a modeling program, you will not have to deal with the intricacies of the definitions of these objects much. However, from time to time you may need to get into the details, so some background is in order. If you are an old hand at computer graphics, you may already know a lot of this. I do include some practical advice on how best to get them into React VR, so it would be good to review.

A polygon is an n-sided object composed of vertices (points), edges, and faces. A face can face in or out or be double sided. For most real-time VR, we use single–sided polygons; we noticed this when we first placed a plane in the world and, depending on the orientation, you may not see it. 

To really show how this all works, I'm going to show the internal format of an OBJ file. Normally, you won't hand edit these — we are beyond the days of VR constructed with a few thousand polygons (my first VR world had a train that represented...