Chroma Keyboard

Control a playable piano through camera input!

JavaScript piano player controlled through camera input based on chroma-key selections. We were inspired to explore new libraries, such as Tracking.js, Beeplay.js, Transit, jQuery, and WebRTC, while also having fun. We are most proud of the keyboard, which looks as realistic as we could make it, fantastic motion sensing, and our excellent troubleshooting and diligence.

Made by: Julie Pan - Chelsea Valentine -

Built with

Try it out