For my final in Live Web I wanted to create an emotion bridge for the users who would connect with each other via internet. I didn’t want them to see each other and I wanted to visualize these emotions in moving particles.

I used p5.js, clmtracker.js, socket.io and node.js. I combined all of these with nature of code magic and managed to map emotions into particles’ movements and appearance. Each user gets assigned their own color as the socket connects to the server.

Happy:Screen Shot 2015-12-15 at 2.30.10 PMSad:Screen Shot 2015-12-15 at 2.29.37 PM


Screen Shot 2015-12-15 at 2.47.54 PM 1


Screen Shot 2015-12-15 at 2.30.02 PM

And here is the video that shows what happens when there are multiple users connected: