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
Credits
About the Author
Acknowledgements
About the Reviewers
www.PacktPub.com
Customer Feedback
Preface

Fixing the deck plates


Now that we have learned how to UV map, let's fix those cubes that we use to represent the deck plates. We found out, while doing textures on top of the basic React VR objects, that the cube represented the same texture on all six sides of the cube. As a result, when we make a thin cube, like we did for the top and bottom of the pedestals, or with the deck plates, the texture map looks "squished" on the sides.  The red arrow shows the squished texture; it's because we have a box that's only .1 high and 5 wide, with a texture that's square (the double red arrows), so it looks squished.

We can fix that with a cube in Blender. We'll also add the additional texture maps that we downloaded.

I have Substance Designer, which is a fantastic texturing tool; there are many others, such as Quixel. It will output different texture maps depending on how you set it up. You can also use any of a variety of packages that will allow you to bake textures. WebGL will allow you to use shaders...