Multiplayer music making with Plink! | CreativeJS

Plink is a very original idea. It’s an online, collaborative, multiplayer music making toy made byDinahmoe. It uses Node.js and WebSockets to create an multi-user “chatroom” but instead of entering text to have a chat, the interface generates music!

Pulsating circles are generated by moving the mouse over a <canvas> element. Clicking and holding the mouse generates a musical tone. The colour of the circle determines the type of audio you play such as high or low notes, and is created using Google’s Web Audio JavaScript API. What a great combo of web technologies, and great fun too!

Musical spectrum analysis by Jon-Kyle Mohr

A circular musical spectrum analysis generated by Jon-Kyle Mohr who tells; “A musical tone consists of multiple overlapping sine-waves oscillating at varying rates. This motion graphic represents the isolated frequencies and rhythmic patterns of Ryan York’s “If I Am This Forest”. Of particular interest is the swell beginning at 0:45, and multiple simultaneous frequencies which form the single melodic vocal line at 2:05.


Visualization of Bach Cello Suites No. 1, Prelude by Alexander Chen

Baroque.me visualizes the first Prelude from Bach’s Cello Suites. Using the mathematics behind string length and pitch, it came from a simple idea: what if all the notes were drawn as strings? Instead of a stream of classical notation on a page, this interactive project highlights the music’s underlying structure and subtle shifts.

Top