Hacker News new | ask | show | jobs
by timdaub 2013 days ago
Hey,

actually the interface is built with React. The piano itself is a third-party component from someone on GitHub.

The knobs and the ADSR graph are react components too that I released as their own packages

- https://github.com/TimDaub/react-simple-knob

- https://github.com/TimDaub/react-envelope-graph

A specialty of those is that they're interactive SVGs. Especially for building the ADSR graph, I found working with an approximate function that "drew itself" much easier than working with the canvas or webGL.

But I have plans to build a wave table (similar to the one in Ableton Live) in webGL.