Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Getting Started with React VR

You're reading from   Getting Started with React VR Build immersive Virtual Reality apps for the web with React

Arrow left icon
Product type Paperback
Published in Nov 2017
Publisher Packt
ISBN-13 9781788476607
Length 294 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
John Gwinner John Gwinner
Author Profile Icon John Gwinner
John Gwinner
Arrow right icon
View More author details
Toc

Table of Contents (13) Chapters Close

Preface 1. What is Virtual Reality, Really? 2. Flatland and Beyond: VR Programming FREE CHAPTER 3. 3D or Reality in Dimensions Other than X and Y 4. The React VR Library 5. Your First VR App 6. Working with Poly and the Gon Family 7. Sitting Down with a (Virtual) Teapot 8. Breath Life in Your World 9. Do It Yourself – Native Modules and Three.js 10. Bringing in the Real Live World 11. Take a Walk on the Wild Side 12. Publishing Your App, and Where to Go from Here

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...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime