A gentle introduction to React Motion

Final Result

Math.start();

Fig. 1

M_X, M_Y

Fig. 2

Separation angle, Fan angle, Fly out radius

Fig. 3

Base angle, Index

Fig. 4

Angle

Fig. 5
Fig. 6

React.start();

Fig. 7

React-Motion.start();

Fig. 8
[320, 8] — Fig. 9
[320, 17] — Fig. 10
NUM_CHILDREN = 1
NUM_CHILDREN = 3
NUM_CHILDREN = 8

Looking for more? I publish regularly on my blog at nashvail.me. See you there, have a good one!

--

--

--

Illustrator/Designer/Educator. Read more @ nashvail.me

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Nash Vail

Nash Vail

Illustrator/Designer/Educator. Read more @ nashvail.me

More from Medium

What is React?

Re-assigning a value to UseParams hook using useState hook.

React Exploration