5 ms·

OP here. I've been working on an app/platform for people to explore musical ideas. This is a drum machine that a European friend of mine created using the app.

OP here. I've been working on an app/platform for people to explore musical ideas. This is a drum machine that a European friend of mine created using the app. You can press the Play button in the top-right corner to start audio playback and customize the pattern being played by clicking the red squares on the step sequencer. If this example is too big and scary, I've made a simpler drum machine here: https://noisecraft.app/529 https://noisecraft.app/529 And many more examples can be found on the browse page: https://noisecraft.app/browse https://noisecraft.app/browse One of my all-time favorites is this one: https://noisecraft.app/101 https://noisecraft.app/101 Disclaimer that this is made with laptop/desktop computers in mind and may not work well on mobile. The app supports binding MIDI controls by double clicking on knobs :)

ycombinatorrio 4y ago
Thank you internet stranger for all the work you have done there
- maxime_cb 4y ago
  No problem :) I should mention that this is open source too: https://github.com/maximecb/noisecraft https://github.com/maximecb/noisecraft
quijoteuniv 4y ago
Awesome! It worked quite alright on my mobile i have to say.
- maxime_cb 4y ago
  Nice. What kind of device are you using?
  - nickphx 4y ago
    I'm on a pixel 6, using chrome and it worked rather well.
ogig 4y ago
> One of my all-time favorites is this one: https://noisecraft.app/101 https://noisecraft.app/101 I have to agree. Already spent 10 minutes only with the cutoff and res. Impressive work on the app, kudos!
ushakov 4y ago
do you have a tutorial how to use it? the main page is a bit overwhelming
- maxime_cb 4y ago
  There is a help page to get you started: https://noisecraft.app/help https://noisecraft.app/help It's pretty basic but I invite people to open pull requests to improve it. This video shows how (an older version) of the app is used: https://www.youtube.com/watch?v=609k3_Z-16o https://www.youtube.com/watch?v=609k3_Z-16o
  - localhost 4y ago
    I can’t seem to scroll the help on iOS. Workaround is to use reader mode in Safari.
    - maxime_cb 4y ago
      That's pretty weird. If you or anyone has time to help me debug this, I would much appreciate your help. Might be something with the CSS.
greg7gkb 4y ago
I've used various forms of these audio tools in the past (MAX, PD) and this is a very impressive piece of work. First, I haven't seen one implemented with web technologies before, and after running through many example projects there were zero errors or issues for me. Everything seems clear and straightforward. Nicely done, congrats on publishing this, and thanks for making it open source!
pjmlp 4y ago
Looks quite cool application, thanks for sharing and good luck with it.

ycombinatorrio 4y ago

Thank you internet stranger for all the work you have done there

maxime_cb 4y ago
No problem :) I should mention that this is open source too: https://github.com/maximecb/noisecraft https://github.com/maximecb/noisecraft

quijoteuniv 4y ago

Awesome! It worked quite alright on my mobile i have to say.

maxime_cb 4y ago
Nice. What kind of device are you using?
- nickphx 4y ago
  I'm on a pixel 6, using chrome and it worked rather well.

ogig 4y ago

> One of my all-time favorites is this one: https://noisecraft.app/101 https://noisecraft.app/101 I have to agree. Already spent 10 minutes only with the cutoff and res. Impressive work on the app, kudos!

ushakov 4y ago

do you have a tutorial how to use it? the main page is a bit overwhelming

maxime_cb 4y ago
There is a help page to get you started: https://noisecraft.app/help https://noisecraft.app/help It's pretty basic but I invite people to open pull requests to improve it. This video shows how (an older version) of the app is used: https://www.youtube.com/watch?v=609k3_Z-16o https://www.youtube.com/watch?v=609k3_Z-16o
- localhost 4y ago
  I can’t seem to scroll the help on iOS. Workaround is to use reader mode in Safari.
  - maxime_cb 4y ago
    That's pretty weird. If you or anyone has time to help me debug this, I would much appreciate your help. Might be something with the CSS.

greg7gkb 4y ago

I've used various forms of these audio tools in the past (MAX, PD) and this is a very impressive piece of work. First, I haven't seen one implemented with web technologies before, and after running through many example projects there were zero errors or issues for me. Everything seems clear and straightforward. Nicely done, congrats on publishing this, and thanks for making it open source!

pjmlp 4y ago

Looks quite cool application, thanks for sharing and good luck with it.