Getting Started with React VR

By : Gwinner

5 (4)

Buy this Book

Getting Started with React VR

5 (4)

By: Gwinner

Buy this Book

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!

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

What is Virtual Reality, Really?

What Virtual Reality is and how it works

History of VR

User agency - interacting with the world through controllers

Rendering hardware

Summary

Flatland and Beyond: VR Programming

HTML and ways to move beyond the 2D internet

Making servers React

Graphics libraries — OpenGL and WebGL

Installation of Node.js and React VR

Summary

3D or Reality in Dimensions Other than X and Y

Beyond flatland - 3D concepts

Summary

The React VR Library

JSX - the syntax of React VR

The next level - the details

Summary

Your First VR App

Moving beyond hello world - our first VR world

Summary

Working with Poly and the Gon Family

Polygons and why we like them

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

Where to get 3D models

Summary

Sitting Down with a (Virtual) Teapot

The teapot in Blender

Importing materials

Fixing the deck plates

Summary

Breath Life in Your World

The Animated API

Sound

Summary

Do It Yourself – Native Modules and Three.js

Native modules and views

Something more visual

Extending React VR — Native Views

Summary

Bringing in the Real Live World

Going to Mars (the initial world creation)

Jason and JSON

Finding the API -- All the way from Mars

Building the image and status UI

Summary

Take a Walk on the Wild Side

Going loco–VR locomotion

Building a maze

Animation — VR Buttons

Where to go from here?

Summary

Publishing Your App, and Where to Go from Here

Upgrading React VR

Getting your code ready to publish

Bundling for publishing on the web

Now that we've gotten it published, what's next

Monetizing VR

Where VR will go in the next five years

Summary

Customer Reviews

5 (4)

5 star

100%

4 star

3 star

2 star

1 star

Sitting Down with a (Virtual) Teapot

In the last chapter, we found out a lot about polygons and how to use them in real-time graphics. We will continue the work with polygons, and learn more about texturing them.

In this chapter, we will learn the following:

Basics of how to use Blender
How to apply basic UV texture mapping
How to export texture maps
How to create an MTL file to properly show real-time OBJ texturing and materials
Pulling it all together for our teapot gallery

Blender is just one of many polygon modelers that you can use to make virtual objects for use with WebVR. If you are already familiar with the concepts of polygon modeling, and creating and editing UV maps, you wouldn't really need most of this chapter. Once we do the UV mapping, we import the model into the world. I've also placed the static files for this chapter at: http://bit.ly/VR_Chap7...