3 ms·
It does not work for me with Safari 13, no sound. Works fine with Chrome. This is nice! Can you explain how you implemented the interface?
by FraKtus 6y ago
It does not work for me with Safari 13, no sound.
Works fine with Chrome.
This is nice!
Can you explain how you implemented the interface?
- timdaub 6y agoHey, 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.