Skip to content

sjcobb/music360js

Repository files navigation

Music Visualization Experiments

Live application: https://sjcobb.github.io/music360js

This repo contains the current state of a new approach for visualizing sheet music by using bouncing balls with note duration encoded on the Z axis.

The note names are overlaid on each sphere so that the user does not need to remember what each staff line represents or which key the piece is in (flat or sharp is shown directly beside the note letter, ex: "Gb").

I have also experimented with using color to indicate intervals as described by Stephen Malinowski of the popular smalin channel here: http://www.musanim.com/mam/pfifth.htm

YouTube Channel

https://www.youtube.com/channel/UCo_IXLTK8dtF2qOUCt4l47Q

AI Duet 3D

https://github.com/sjcobb/ai-duet-3d

CodePen

https://codepen.io/sjcobb