This week I delivered an interactive, faux-3D iPhone mockup of a finance app crafted in @Rive. Th...This week I delivered an interactive, faux-3D iPhone mockup of a finance app crafted in @Rive. Th...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Ashley's avatar
Ashley Best
pro
• Nov 25
This week I delivered an interactive, faux-3D iPhone mockup of a finance app crafted in @Rive. The animation allows visitors to explore a functional preview of the app’s home screen directly on the client’s website, with all the on-screen elements fully customisable at runtime.
Interaction DesignRive AnimationRiveinteractivedesignMotion DesignJavaScript
Aleksey's avatar
Aleksey Kosygin
pro
• Nov 25
How does 3D work in Rive? Did I miss an update?
Ashley's avatar
Ashley Best
pro
• Nov 25
It's not true 3D, I'm giving the illusion of 3D rotation by moving a shape behind and to the edges of the device. Some subtle scaling of the X axis, a little Y rotation and some vector blurring help sell the effect! Then a joystick drives a rotation timeline using a pointer...
Aleksey's avatar
Aleksey Kosygin
pro
• Nov 25
I thought I knew Rive well until this reply 😅 Thanks!
Ashley's avatar
Ashley Best
pro
• Nov 25
I'm sure we all have our little niches of Rive knowledge! Thanks for the goat, goat! 🐐
Om's avatar
Om Adhavan
pro
• Nov 25
Great work!
Ashley's avatar
Ashley Best
pro
• Nov 25
Thank you Om! ❤️
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started