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
UI Elemente for Inhale/Exhale App with Audio-Reactivity with Rive Scripting ⚡️
The challenge here was creating something not pre-rendered, but calculated frame-by-frame:
Dynamic Geometry: The rays aren't hand-drawn shapes, but mathematically calculated vectors that expand based on soundLevel.
Particle System: The spheres appearing on "Exhale" have their own lifecycle and movement, controlled by sine/cosine logic for smoothness.
Performance: Everything runs lightweight, ready to be embedded in React Native/Web.
The freedom to manipulate vertices and colors via code opens up a new world for interactive UI.
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
I built a Whack-a-Mole mini game in Rive 🐹🔨
Using Rive Scripting, I implemented:
• Randomized mole spawning
• Adjustable spawn rate
• Cooldown timing control
The scoring system uses data binding to provide real-time gameplay feedback.
It’s a simple prototype, but a good reminder that even minimal mechanics can be engaging.
I included a walkthrough in the comments for anyone interested in the setup 👇
What would you add to level this up?
UI pass update ✅
Dark neon arcade look is coming together: board + HUD + new snake/food styling.
Next: wire the UI into the Lua engine + add start/restart + test responsive web embed.
The dark neon board with cyan and teal scan lines is such a perfect fit for a snake game. Wiring that board + HUD + food styling into a Lua engine and making it responsive is no small task. That compile time of 11 minutes in the console log cracked me up. Keep going, this is shaping up really well.
I finally found some time to play with Rive scripting, it's so much fun!
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
aivideo
AI video tools are moving at warp speed. What tools are you using?
whennotai
As AI accelerates, creative judgment matters more. What part of your work stays human?