RIVE - App Audio Waveform
Paul du Plessis
2D Animator
Motion Designer
Rive Animations
Rive
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.
