6 ms·

Patatap: Create musical forms with your keyboard

61 points by newcoders 6y ago

mathnmusic 6y ago
Code from main.js: https://www.patatap.com/src/main.js https://www.patatap.com/src/main.js Enjoyed playing with it. It would be nice to see some WebMIDI support so it can be triggered with a MIDI keyboard. On the same topic, I found Google's Oboe project really interesting. It's a C++ library for audio that works on both Chrome (via WASM) and Android (with AAudio). This talk from Google I/O 2019 gave a demo/walkthrough: https://www.youtube.com/watch?v=-GaD0RCp-Q0 https://www.youtube.com/watch?v=-GaD0RCp-Q0
ellis0n 6y ago
Finally, programmers will be able to show non-technical people how programs are created, haha
adzm 6y ago
In a similar vein, create your own Hatsune Miku style music https://aidn.jp/mikutap/ https://aidn.jp/mikutap/
- scribu 6y ago
  That's so fun! Having a background rhythm makes it a lot easier to create a decent groove.
  - ipsum2 6y ago
    Also, the rhythm is quantized you can't play 'off the beat'.
single_source 6y ago
it's too bad you can't loop things together
- eudes_ochoa 6y ago
  I hacked a silly sequencer for it some time ago. You can give it a try by following the instructions here: https://gist.github.com/eudes/03e840d5afe408dfb866efe954855162 https://gist.github.com/eudes/03e840d5afe408dfb866efe9548551... And here's a demo video: https://twitter.com/eudes/status/1283161726192680967?s=19 https://twitter.com/eudes/status/1283161726192680967?s=19
foxdev 6y ago
Needs a seizure warning. Other than that, it's a lot of fun.
interestica 6y ago
I use this (and the sister web app typeatap) with my pre-school niece. She loves composing music from keyboard letters and has really learned where the letters are on a qwerty keyboard faster than any other option for someone that age. There is seriously some untapped educational potential here. Or maybe it's just forming bad habits.
- yoricm 6y ago
  May I ask where can we find the "sister web app typeatap"? I'm slowly introducing my 3.5 yo daughter with the keyboard. She can pronounce letters from A to Z, and write them on paper in upper case. I'd love to hear about more educational app like this!

61 points by newcoders 6y ago

Code from main.js: https://www.patatap.com/src/main.js https://www.patatap.com/src/main.js Enjoyed playing with it. It would be nice to see some WebMIDI support so it can be triggered with a MIDI keyboard. On the same topic, I found Google's Oboe project really interesting. It's a C++ library for audio that works on both Chrome (via WASM) and Android (with AAudio). This talk from Google I/O 2019 gave a demo/walkthrough: https://www.youtube.com/watch?v=-GaD0RCp-Q0 https://www.youtube.com/watch?v=-GaD0RCp-Q0

ellis0n 6y ago

Finally, programmers will be able to show non-technical people how programs are created, haha

adzm 6y ago

In a similar vein, create your own Hatsune Miku style music https://aidn.jp/mikutap/ https://aidn.jp/mikutap/

scribu 6y ago
That's so fun! Having a background rhythm makes it a lot easier to create a decent groove.
- ipsum2 6y ago
  Also, the rhythm is quantized you can't play 'off the beat'.

single_source 6y ago

it's too bad you can't loop things together

eudes_ochoa 6y ago
I hacked a silly sequencer for it some time ago. You can give it a try by following the instructions here: https://gist.github.com/eudes/03e840d5afe408dfb866efe954855162 https://gist.github.com/eudes/03e840d5afe408dfb866efe9548551... And here's a demo video: https://twitter.com/eudes/status/1283161726192680967?s=19 https://twitter.com/eudes/status/1283161726192680967?s=19

foxdev 6y ago

Needs a seizure warning. Other than that, it's a lot of fun.

interestica 6y ago

I use this (and the sister web app typeatap) with my pre-school niece. She loves composing music from keyboard letters and has really learned where the letters are on a qwerty keyboard faster than any other option for someone that age. There is seriously some untapped educational potential here. Or maybe it's just forming bad habits.

yoricm 6y ago
May I ask where can we find the "sister web app typeatap"? I'm slowly introducing my 3.5 yo daughter with the keyboard. She can pronounce letters from A to Z, and write them on paper in upper case. I'd love to hear about more educational app like this!