A #Starship π launch telemetry from SpaceX. This project combines a custom shader for the 3D ren...A #Starship π launch telemetry from SpaceX. This project combines a custom shader for the 3D ren...
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
This project combines a custom shader for the 3D render, scripting for precise timing control, state machines, data binding, and UI animation.
A fun way to explore how far Rive can be pushed beyond traditional UI animation by bringing rendering, motion, and application logic together in a single tool.
Iβve seen work like this before, but never really stopped to think about how itβs made. Yours made me curious β how did you put all of this together in Rive?
For this build, I designed and animated a gothic portcullis interactive UI element triggered by a glowing gemstone mechanism.
What I focused on for this experiment:
End-to-end vector design in Rive:Β Built entirely from scratch inside Rive to dust off my vectoring skills and master its native pathing/drawing tools.
Interactive State Machines:Β Configured the click logic using listener triggers to handle the open/close state loop smoothly.
Gothic UI Aesthetics:Β Balanced heavy metallic structures with subtle vector lighting to keep that dark fantasy feel.
Still diving deeper into interactive vector motion every day! What do you all think of the timing and state transitions?
Looking for a motion designer for your next project? Letβs collaborate! π