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.
  • Book Overview & Buying Getting Started with React VR
  • Table Of Contents Toc
  • Feedback & Rating feedback
Getting Started with React VR

Getting Started with React VR

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

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!
Table of Contents (13 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
What is Virtual Reality, Really?
Icon
What is Virtual Reality, Really?
Icon
What Virtual Reality is and how it works
Icon
History of VR
Icon
User agency - interacting with the world through controllers
Icon
Rendering hardware
Icon
Summary
2
Flatland and Beyond: VR Programming
Icon
Flatland and Beyond: VR Programming
Icon
HTML and ways to move beyond the 2D internet
Icon
Making servers React
Icon
Graphics libraries — OpenGL and WebGL
Icon
Installation of Node.js and React VR
Icon
Summary
3
3D or Reality in Dimensions Other than X and Y
Icon
3D or Reality in Dimensions Other than X and Y
Icon
Beyond flatland - 3D concepts
Icon
Summary
4
The React VR Library
Icon
The React VR Library
Icon
JSX - the syntax of React VR
Icon
The next level - the details
Icon
Summary
5
Your First VR App
Icon
Your First VR App
Icon
Moving beyond hello world - our first VR world
Icon
Summary
6
Working with Poly and the Gon Family
Icon
Working with Poly and the Gon Family
Icon
Polygons and why we like them
Icon
What is a polygon? discussion of vertices, polygons, and edges
Icon
Where to get 3D models
Icon
Summary
7
Sitting Down with a (Virtual) Teapot
chevron up
Icon
Sitting Down with a (Virtual) Teapot
Icon
The teapot in Blender
Icon
Importing materials
Icon
Fixing the deck plates
Icon
Summary
8
Breath Life in Your World
Icon
Breath Life in Your World
Icon
The Animated API
Icon
Sound
Icon
Summary
9
Do It Yourself – Native Modules and Three.js
Icon
Do It Yourself – Native Modules and Three.js
Icon
Native modules and views
Icon
Something more visual
Icon
Extending React VR — Native Views
Icon
Summary
10
Bringing in the Real Live World
Icon
Bringing in the Real Live World
Icon
Going to Mars (the initial world creation)
Icon
Jason and JSON
Icon
Finding the API -- All the way from Mars
Icon
Building the image and status UI
Icon
Summary
11
Take a Walk on the Wild Side
Icon
Take a Walk on the Wild Side
Icon
Going loco–VR locomotion
Icon
Building a maze
Icon
Animation — VR Buttons
Icon
Where to go from here?
Icon
Summary
12
Publishing Your App, and Where to Go from Here
Icon
Publishing Your App, and Where to Go from Here
Icon
Upgrading React VR
Icon
Getting your code ready to publish
Icon
Bundling for publishing on the web
Icon
Now that we've gotten it published, what's next
Icon
Monetizing VR
Icon
Where VR will go in the next five years
Icon
Summary

The teapot in Blender

To learn how to UV map, let's put a teapot in Blender. Today, this will work pretty well, but normally a teapot wouldn't fit in a Blender.

You can download Blender at blender.org. While there, I highly recommend the tutorials on the site at bit.ly/BlendToots. Packt also has quite a few good books on Blender. You can find these at: http://bit.ly/BlenderBooks. You might be a little confused or frustrated with basic cursor movements, and selecting if you haven't been through these tutorials; seeing an animation of the cursor moving helps more than writing about it would. In particular, please watch the cursor selection tutorials under Getting Started at: http://bit.ly/BlendStart.

To start texturing, we will use the venerable Utah teapot by Martin Newell. It is one of the more famous "test models" for computer graphics. This is the original Utah teapot, currently on display at the Computer History Museum in Mountain View, California (courtesy of Marshall Astor):

The computer...

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Getting Started with React VR
End of Section 7
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options
font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon