- The line moves and change colours, when your voice is loud.
It is crossmedia environment, the waves continue to the next device.
In the first drafts I worked with music, so that I could better narrow down the spectrum of the visualization and find a style of design that is also interesting across multiple screens. I replaced the music with the microphone to get the desired interaction with the viewer. Instead of the wave being affected by the high and low tones or the volume of the music, the volume of the sounds or voice of the viewer was modeled.
The rectangles of the wave become larger due to the higher volume and colors become more reddish. The placement of the wave is controlled by chance and the length of the wave adjusts to the device. For screens of the same size, the wave moves, across all devices continuously. For different devices, each wave gets its own length.
I guess that the solution with Heroku (Cloud Application Platform) is not quite optimal, because there is often a delay in drawing the wave, but in the current phase (Corona) there are many influences, like slow internet, which complicate the optimization analysis. In addition, it was difficult to find a better technical solution in this short module, but this would be an optimization point of the animation.
It is a drawing tool in the shape of a crosshair and in given colours