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.
timdaub|5 years ago
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.