This component was mainly built using the Animated API and PanResponder. After finishing the interactions, the last thing missing was the animation of the face. However, I had no idea how to realize that. The video on the left shows the point, where I had no clue, how to go on.

In the end I decided to go with an alternative animation: Instead of animating the eyes and the mouth, I’m animating the whole face by fading from one state to the other. I know, it’s not as sexy as the original one, but it’s something.

Check out the video below, to see it in action: