This content originally appeared on DEV Community and was authored by Mads Stoumann
I used to carry my “Korg Kaossilator” around with me. For those of you who don't know what that is – it's a small, portable synthesizer, with a large, touch-based XY-controller:
This week, I've been working on a generic XY-controller – for both pointer-devices and keyboards:
It was meant to be for a “Color Picker”, but I ended up making this instead:
I'm working on a larger article about XY-controllers, where I will showcase the “Color Picker” – but for now, please have fun with the simplified, JavaScript-version of “Kaossilator”!
The XY-controller is still work-in-progress, so I haven't added scroll-position-fixes to the script yet. Please open it in fullscreen-mode on Codepen, to avoid scrolling within the iframe.
Keyboard-user?
The XY-Controller can also be operated with a keyboard.
When the point-ring has focus, press Space to toggle the sound on or off, and use the Arrow-keys to move around.
Press and hold Shift while using the Arrow-keys, to move the point-ring with a larger increment.
Pick the Sine-wave (first) and “allpass”, if you want to play the theme from “Doctor Who” ?
Happy jamming!
This content originally appeared on DEV Community and was authored by Mads Stoumann
Mads Stoumann | Sciencx (2021-09-02T15:06:47+00:00) KAOSS! Fun with Web Audio. Retrieved from https://www.scien.cx/2021/09/02/kaoss-fun-with-web-audio/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.