Section 1 : Introduction
|
Lecture 1 | Introduction to React VR and React 360 | 00:07:03 Duration |
|
Lecture 2 | Installation | 00:05:20 Duration |
|
Lecture 3 | Create 1st Project & Understanding project files | 00:09:54 Duration |
|
Lecture 4 | Different components in React VR code | 00:12:34 Duration |
|
Lecture 5 | Understanding the State concept | |
|
Lecture 6 | Understanding the Props concept | 00:04:08 Duration |
Section 2 : 3D Shapes
|
Lecture 1 | Rendering 3D Cube & Cuboid with Box component | 00:11:01 Duration |
|
Lecture 2 | Rendering Sphere & Cylinder | 00:05:51 Duration |
Section 3 : Cursor System and Styles
|
Lecture 1 | Cursor System | |
|
Lecture 2 | Flexbox | 00:10:52 Duration |
|
Lecture 3 | Stylesheet | 00:06:50 Duration |
Section 4 : Animations
|
Lecture 1 | Introduction to Animation | 00:04:26 Duration |
|
Lecture 2 | Timing Animation | 00:07:33 Duration |
|
Lecture 3 | Easing animation | 00:04:14 Duration |
|
Lecture 4 | Decay Animation | 00:06:22 Duration |
|
Lecture 5 | Spring Animation | 00:04:33 Duration |
Section 5 : Understanding Models
|
Lecture 1 | Introduction to Models | 00:05:35 Duration |
|
Lecture 2 | Rotating Models | 00:05:28 Duration |
Section 6 : Lights
|
Lecture 1 | Point Light | 00:05:28 Duration |
|
Lecture 2 | Ambient Light | 00:03:20 Duration |
|
Lecture 3 | Directional Light | 00:05:03 Duration |
|
Lecture 4 | Spot Light | 00:03:38 Duration |
Section 7 : Project 1 - Solar System
|
Lecture 1 | Project Requirements | 00:02:19 Duration |
|
Lecture 2 | Configuring the Project | 00:03:12 Duration |
|
Lecture 3 | Adding Sun in Solar System | 00:04:24 Duration |
|
Lecture 4 | Adding Planets in Solar System | 00:05:37 Duration |
|
Lecture 5 | Rotation around own axis | |
|
Lecture 6 | Rotation around Sun | 00:08:59 Duration |
|
Lecture 7 | Adding planet's description box - Part 1 | |
|
Lecture 8 | Adding planet's description box - Part 2 | 00:10:30 Duration |
Section 8 : Project 2 - Hide & Seek
|
Lecture 1 | Project Requirements | 00:01:42 Duration |
|
Lecture 2 | Adding 3D House & Robot models | 00:07:44 Duration |
|
Lecture 3 | Adding functionality to robots - Part 1 | 00:05:26 Duration |
|
Lecture 4 | Adding functionality to robots - Part 2 | 00:06:55 Duration |
|
Lecture 5 | Adding Start Screen (Static) | 00:07:30 Duration |
|
Lecture 6 | Adding Start Screen (Dynamic) | 00:10:36 Duration |
|
Lecture 7 | Adding Score Card | 00:12:36 Duration |
Section 9 : React 360
|
Lecture 1 | Introduction to React 360 | 00:02:24 Duration |
|
Lecture 2 | Installation | 00:02:33 Duration |
|
Lecture 3 | Understanding React 360 Project directories | 00:09:10 Duration |
|
Lecture 4 | Migrating React VR code to React 360 | 00:07:32 Duration |
Section 10 : Surfaces in React 360
|
Lecture 1 | Cylinder Surface | 00:07:53 Duration |
|
Lecture 2 | Cylinder Surface continued | 00:03:53 Duration |
|
Lecture 3 | Flat Surface | 00:07:09 Duration |
|
Lecture 4 | Rendering multiple surfaces in a screen | 00:04:32 Duration |
Section 11 : Rendering 3D Models in React 360
|
Lecture 1 | Rendering 3D Models in React 360 | 00:04:33 Duration |
Section 12 : Embedding AUDIO in a 360scene
|
Lecture 1 | playOneShot Audio | 00:03:52 Duration |
|
Lecture 2 | Adding audio to Environment | |
|
Lecture 3 | Create Custom Audio Player | 00:09:28 Duration |
|
Lecture 4 | 3D Audio | 00:02:49 Duration |
Section 13 : Embedding VIDEO in a 360scene
|
Lecture 1 | Render a video on Surface | 00:12:00 Duration |
|
Lecture 2 | Render Video in Background | 00:07:03 Duration |
Section 14 : Project 3 - Art Gallery
|
Lecture 1 | Project Requirements | 00:02:17 Duration |
|
Lecture 2 | Creating Project Blueprint | 00:04:31 Duration |
|
Lecture 3 | Placing Modal and Lights | 00:11:02 Duration |
|
Lecture 4 | Understanding logic for Motion in Art Gallery | 00:11:02 Duration |
|
Lecture 5 | Implementing motion logic - Part 1 | 00:09:12 Duration |
|
Lecture 6 | Implementing motion logic - Part 2 | 00:08:27 Duration |
|
Lecture 7 | Rendering pictures on Surface - Part 1 | 00:14:51 Duration |
|
Lecture 8 | Rendering pictures on Surface - Part 2 | 00:15:12 Duration |