
In this lecture we will get introduced to React VR and React 360.
To start working with React VR, first we need to install it on our system, in this lecture we will do the same and will learn how to install React VR.
In this lecture we will lay the foundation of React VR and will create our first "WelcomeToVR" project and will explore the various files associated with that project.
This video lecture explains about different components of React VR code.
In this lecture we will learn what is 'state' in React VR and why it is important in React VR. Along with learning, we will create an example using state concept that change the VR scene depending upon the state value.
In this video lecture we will learn what are props and in what way they help to enhance the coding experience.
This lecture shows how to add 3D shapes like cube and cuboid in virtual scene. Moreover we will wrap some textures over those 3D shapes.
After rendering cube and cuboids, we will move further to render some new 3D shapes like sphere and cylinder.
In this lecture we will learn how to capture various mouse events like clicking of mouse, hovering of mouse and some other mouse motions. Playing with these events will help to make our VR application more interactive.
This lecture explains about a very important styling property that will help to set the proper layout of application. And that property is called 'Flexbox'.
After learning some basic styles, we will move one step further to stylesheet. In stylesheet we will get to know how we can reuse the styles we created in more that one component.
This is an introductory lecture in which the basics of animation is explained.
This video explains about timing animation.
This video explains about easing animation.
This video explains about decay animation.
This video explains about spring animation.
In this lecture we will discuss about the basics of models in virtual environment and will render a 3D bowling model in the scene.
Here we will rotate a 3D model.
In this lecture we will add a PointLight to the scene.
After working with PointLight, in this lecture we will add an AmbientLight that will spread in all directions of 3D scene.
In this lecture we will add a DirectionalLight to a 3D scene.
In this lecture we will add a SpotLight to a 3D scene.
In this lecture we will discuss about the project requirements. Like how our Solar System should look like after the project completion.
In this lecture we will initiate our Solar System project and will collect the basic files required for the project.
After collecting all the project requirements, in this video we will add Sun's 3D model in solar system.
After adding Sun, now, it's time to add all planets in the solar system. In this video we will do the same.
In this, we will rotate the planets around their own axis.
In this, we will revolve the planets around sun.
In this lecture we will add a description box for all the planets in solar system describing a brief details about the clicked planet.
Continuing with the last lecture, in this video we will complete the remaining parts of description box.
In this lecture we will discuss about the project requirements.
First thing first, in this lecture we will add required 3D models house and robot model. The house added will contain some windows from which the player will catch the robot model.
In this lecture we will make the robots model clickable so as the player can catch that robot.
In this lecture we will make a random robot appear in front of random window.
This video explains how to add various start screen components like play button, score board, game instructions and all other things.
Continuing with the last lecture in this video we will add dynamic functionalities to the start screen.
In this lecture we will add game score card that will display the player current and highest scores along with some other messages
Installation of React 360.
After the project creation, in this video I will explain the important files and directories of a default React 360 project.
In this lecture we will pick a React VR code and will migrate it to React 360.
In this video we will discuss about the cylinder surface.
In this video we will learn more about cylinder surface.
Here, we will learn about the second type of surface i.e., Flat Surface.
After learning about the various types of surfaces, in this lecture we will render more than one surface in a single scene.
In-depth & Hands-On practical course on React VR and React 360.
Virtual Reality is a form of interactive computer-generated environment that immerses users in a three-dimensional environment.
“Are you guys fascinated in learning a technology that grow wider than our imaginations?” If yes, welcome to this course “Create Virtual Reality Apps using React VR and React 360”. This course is very rare of its kind and includes even a very thin detail of React VR and React 360.
In this course you will get to understand a step by step learning of building virtual reality (VR) apps in the technology from where it all started i.e., Facebook’s React VR and its latest version React 360.
Every lecture in this course is explained in 2 Steps.
· Step 1 : Explanation of the concepts theoretically.
· Step 2 : Practicals – Implementing its full code practically on web.
The overall inclusions and benefits of this course:
· Complete React VR and React 360 explained from SCRATCH to its Real-time implementation.
· Each and every concept is explained by a HANDS-ON working example.
· To give a virtual look of concepts we used, this course is crafted with Presentations to make the understanding effective and easy.
· Codes and assets used in lectures are attached in the course for your convenience.
After learning the basics of ReactVR and React 360, this course is attached with following three big projects that showcase each and every concept of ReactVR and React 360 at paper-thin level.
· Solar System
· Hide and Seek Game
· Art Gallery