Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Getting Started with React VR
  • Toc
  • feedback
Getting Started with React VR

Getting Started with React VR

By : Gwinner
5 (4)
close
Getting Started with React VR

Getting Started with React VR

5 (4)
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)
close
close
Preface
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Free Chapter
1
What is Virtual Reality, Really?
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
2
Flatland and Beyond: VR Programming
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
3
3D or Reality in Dimensions Other than X and Y
3D or Reality in Dimensions Other than X and Y
Beyond flatland - 3D concepts
Summary
4
The React VR Library
The React VR Library
JSX - the syntax of React VR
The next level - the details
Summary
5
Your First VR App
Your First VR App
Moving beyond hello world - our first VR world
Summary
6
Working with Poly and the Gon Family
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
7
Sitting Down with a (Virtual) Teapot
Sitting Down with a (Virtual) Teapot
The teapot in Blender
Importing materials
Fixing the deck plates
Summary
8
Breath Life in Your World
Breath Life in Your World
The Animated API
Sound
Summary
9
Do It Yourself – Native Modules and Three.js
chevron up
Do It Yourself – Native Modules and Three.js
Native modules and views
Something more visual
Extending React VR — Native Views
Summary
10
Bringing in the Real Live World
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
11
Take a Walk on the Wild Side
Take a Walk on the Wild Side
Going loco–VR locomotion
Building a maze
Animation — VR Buttons
Where to go from here?
Summary
12
Publishing Your App, and Where to Go from Here
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

Extending React VR — Native Views

You can also extend React VR itself with something called Native Views. The word view might make you think of a camera rendering, although the meaning, in this case, is a little different. Think of these more as new React VR objects that are native three.js. They are very useful. You could use the three.js code we just went through  to mix in raw three.js programming, but you have limited ability to use declarative programming that way. Is there a more React VR way to do this? You can do this through Native Views.

Extending the language

When you implement a Native View, you can control how properties and code interact with the rest of the runtime code. These injections will usually be visual, although you can inject sound as well. 

You can also implement new Native objects. The programming is similar to what we have done so far; you implement base properties, expose the new keyword to the runtime, and then code them as if they were part of the React VR language...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
Start a 7-day FREE trial
End of Section 2
Next Section
bookmark search playlist download
font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete