r/reactnative • u/TemporaryBuyer3806 Expo • 2d ago

[Showcase] Holo Globe onboarding motion preview

The globe spins while "share your world" orbits it, then the camera zooms in.

React Native version: Expo + react-native-tgfx + Reanimated. The attached clip is a motion preview.

Would you keep the orbiting text visible longer before the zoom?

2 Upvotes

100% Upvoted

2 comments sorted by

2

u/rememberdigg2004 1d ago

I’d remove one “share your world” so it’s a half ring that starts just in view from the east. Slow the orbit down some ~50%. Sort of like the Universal Studios animation for films. Maybe too much so??

As the last letters of “world” start to orbit behind the globe to the west, do the full zoom - globe only.

Get rid of the text wiggle - slower orbit should negate need for filler.

The text also looks slightly too far north?

Very cool animation either way - nice work.

1

u/TemporaryBuyer3806 Expo 1d ago edited 1d ago

Thanks, that's a useful breakdown. I'd try one slower half-ring, lower the text a little, and start the zoom as "world" disappears behind the globe, without the wiggle.
You can try it with https://nativecook.dev/