1
Start a Virtual Reality project with React 360
1m 9s
2
Write text using the React 360 Text component
1m 34s
3
Use flexbox to create layouts in React 360
1m 6s
4
Assign multiple styles to a component in React 360
1m 23s
5
Display images using the Image component in React 360
1m 41s
6
Create a Cylinder Surface and attach a component to it in React 360
2m 59s
7
Create a Flat Surface and attach a component to it in React 360
3m 10s
8
Add 3D objects to a React 360 application
4m 8s
9
Capture user interaction in React 360 with VrButton component
2m 43s
10
Change 360 panorama background in React 360 app
1m 26s
11
Use Prefetch component to fetch images before they are needed in React 360
1m 30s
12
Add animations to React 360 components
3m 28s
13
Create Native Modules to extend React 360 app functionality
2m 29s
14
Build a React 360 app for production
47s

Add animations to React 360 components

React^16.3.2

Share this video with your friends

Animations are an important part of modern UX.

Using the Animated library which is supported both in React Native and React 360 we're able to make our app much more alive by adding animations to it.

In this lesson we're going to learn how to use createAnimatedComponent to create an AnimatedEntity which we're going to use to animate a 3D model of the Earth.

Add animations to React 360 components

Share this video with your friends

Course

VR Applications using React 360