logo

Sue Feng Design

‹ Back to main portfolio

Piano: music with JavaScript

This piano keyboard is created with A4 as 440Hz, with computer-generated sound using the JavaScript AudioContext, OscillatorNode, and GainNode. It has keyboard shortcuts for four octaves. It was made with desktop and mobile in mind, and comes with fullscreen mode without distractions. It was designed with scrollable keys so the rainbow colors and the C markers are there to guide you since you can't see all of them at once. You can turn the rainbow keys on and off, as well as the shortcut keys. It also centers at middle C (C4).

View on desktop and mobile »

View on Github

‹ Back to main portfolio