Built with Rive
RIVE - App Audio Waveform
The brief:
Create a simplistic audio feedback animation that reacts to the audio levels of the app user.
The most significant need for app users:
- To give the user affirmation of the audio collection.
- Make the audio wave react based on the user's loudness. I created a number input: 0=no audio & 100=max volume. The wave then grows based on the number of inputs that the user triggers.
Need for Developers:
- Have a stroke width control for each individual stroke.
- Have a number input control for wave height.
- Have a width control for the devs to adjust the wave to different screen sizes.
- Have a control to switch the secondary strokes on or of.
- Colour controls: Have a trigger to make the Opacity 70% and a trigger to make it blue or black.
Link to the experience:
https://rive.app/s/0dD368Xa2kG7XrCG4MmA2A/
Below is a GIF with only the animation and width control.
PS: you can dabble with the entire experience in the link provided above.
Like this project
37
Posted Jan 30, 2024
Audio feedback animation created in Rive. The audio waveform reacts based on the volume the user speaks. It is a wonderful experience for the user.
Likes
37
Views
449
RIVE - Geometry Madness
Motion Design Reel
Motion Graphics Designer for Video Series
How Much Cricket Is Too Much?