No Images? Click here

Build a Virtual Reality Image Gallery with React VR

React VR is a framework from Facebook that makes creating WebVR applications a snap. It's built on the WebGL library three.js and the React Native framework. This means that we’re able to use JSX tags, React Native components, like <View> or <Text>, or React Native concepts, like the flexbox layout. To simplify the process of creating a WebVR scene, React VR has built-in support for 3D meshes, lights, videos, 3D shapes, or spherical images.

If you'd like to learn how to use React VR to build a spherical image gallery in virtual reality, like this:

You can find this project tutorial and many others in our book 6 JavaScript Projects.

You'll see just how quickly you can get a simple VR application up and running using React VR, which you can use as a starting point for creating much more fully-featured VR applications!

6 JavaScript Projects

In this chapter of 6 JavaScript Projects Micheala Lehr will teach you all about creating scenes in React VR. She'll cover installation, setting up the project, and how to create the spherical object onto which our images are projected.

Start your subscription today and you'll get access to this book, plus 300+ other web design and development books in SitePoint Premium!

Until next time,
James at SitePoint