3 ms·
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 co
by timdaub 6y 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-simple-knob
- https://github.com/TimDaub/react-envelope-graph 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.