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
Early attempts at Speech and Expression sync.
Using Eleven labs API for text to speech—at least for testing— we generate viseme timestamps that we can then pass to code and then map in Rive.
I plan to add other means of bodily expressions, and obviously the UI, but for a first draft, looks promising.
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
Related posts
Polishing up the music control center for my HMI entry. Rebuilt the song list scroller using Rive scripting. Originally used the layout scroll feature, but scripting gives way more control and keeps things clean.
Everything is databound and ready to hook up to Spotify or any streaming API. Might test that if I have time before the deadline.
This is part of a bigger EV dashboard where the entire vehicle is controlled through AI tool calling(climate, windows, driving modes, music...). More on that coming.🙌
Hey everyone, my submission for HMI challenge: an updated HMI design for a classic 007 vehicle, reimagined and built as state-driven prototype in Rive.
I updated the instrument cluster for the Lotus Esprit submarine car from the James Bond classic The Spy Who Loved Me, imagining how a digital version of the UI could reconfigure itself across driving, submersible navigation, and combat modes. This included animating each step of the vehicle transformation in 3D and bringing into Rive.
Drive → Submersible → Combat
Each mode shifts the structure of the HMI layout from speed-based driving to sonar navigation and targeting systems.
The interesting part was designing motion as part of the system logic rather than just animation.
All 2D and 3D built and animated (surpise) without AI.
Tools: Rive + Cinema4D
Did you really model this car from scratch?!
Car interfaces keep gaining features, but experience gets lost in complexity. With River, we stripped that back: only surface what the driver needs, when they need it.
We wanted the HMI to belong to the car, not sit on top. So we designed both as one system: car, interior, cluster, main display, app.
Rive was key to bringing the whole system to life. We used joysticks and blend states to animate the cluster gauges, solos to play back a pre-rendered Blender navigation scene on the central display, and state machine inputs to bring the whole prototype to life.
We then built a companion app and plugged it into a manufacturer's API to test against real vehicle data. The app works like a key: gives you access and gets out of the way. Just the right function at the right moment.
One ecosystem where every screen earns its place.
This is so good it almost feels unreal. Incredible work and amazing efforts! 👏🏻👏🏻👏🏻
Trending
Figma Make
Go from idea to prototype in minutes. What are you designing?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
illustration
Handcrafted illustration is bubbling up across the web. What are you drawing lately?
aidesignflow
AI tools are redefining design work. What's your current workflow?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?