/crimson_keys

A browser-based interactive musical keyboard built with Tone.js and React.

Primary LanguageJavaScript

Crimson Keyboard

A browser-based interactive musical keyboard built with React and Tone.js.

Play it live at https://crimsonkeys.garrettgeorge.dev

Crimson Keys

Features

  • Play using touch, mouse, or computer keyboard input
  • Practice sound design with ADSR (Attack, Decay, Sustain, Release)
  • Adjust effects including distortion and reverb

Technologies

  • React (with hooks & functional components)
  • Tone.js (wrapper for Web Audio API)