Visualization

[mobyvb]

I have some ideas for how we can visualize different users playing music. The visualization could be done either on a canvas or with actual HTML elements with CSS animations. Not 100% sure, but I think the former would be preferable with lots of moving parts.

Each person connected could be represented by a circle. Every time that person starts playing a note, I think the radius of the circle should quickly increase to a maximum radius, then slowly decrease back to the default radius. We could also incorporate color by quickly changing color to a color mapped to the pressed note, and slowly changing it back to a neutral, default color.

The circles could also be arranged as one big circle. When a note is played, a small circle with that note's mapped color could be emitted from the circle representing a user. This could go towards the center of the page in a spiral.