[HN Gopher] Show HN: A Web-Based Modular Drum Machine for You to...
       ___________________________________________________________________
        
       Show HN: A Web-Based Modular Drum Machine for You to Play With
        
       Author : maxime_cb
       Score  : 115 points
       Date   : 2022-05-01 14:54 UTC (8 hours ago)
        
 (HTM) web link (noisecraft.app)
 (TXT) w3m dump (noisecraft.app)
        
       | PaulDavisThe1st wrote:
       | This is deeply impressive. I remain in principle opposed to web-
       | centric audio app development, but this is probably the first one
       | I've seen that puts a couple of small explosive devices under the
       | foundations of that belief and gives it a good rumble. So much
       | stuff that has been done right, and so much open-endedness to the
       | entire system. As much as I hate to say it, amazing!
        
         | maxime_cb wrote:
         | Thanks Paul. Web development definitely has its downsides. It's
         | been challenging to get everything to work well across
         | Chrome/Firefox and Safari because there's annoying little
         | differences in the way they handle mouse events for example (I
         | might blog about this at some point).
         | 
         | The upside though is that with an app like this, anyone can
         | start experimenting with music and sound design from their
         | computer, without installing anything, and you can easily show
         | your friends the things you created (or share ideas with
         | internet strangers).
        
       | andoli wrote:
       | this is great thanks for sharing
        
       | appleflaxen wrote:
       | This is incredible; thank you for posting it!
        
       | yesenadam wrote:
       | Thank you! Musician here, this is the first music-related ShowHN
       | I ever loved at first sight like this. Amazing, sounds awesome
       | and looks gorgeous.
        
       | measure2xcut1x wrote:
       | Very quickly added knobs and filters and mapped them to my NI
       | controller with no friction. Legit acid tones within minutes.
        
         | maxime_cb wrote:
         | Please share your project with acid tones! :)
        
       | 1ntEgr8 wrote:
       | This is amazing :)
        
       | maxime_cb wrote:
       | 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
       | 
       | And many more examples can be found on the browse page:
       | https://noisecraft.app/browse
       | 
       | One of my all-time favorites is this one:
       | 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 :)
        
         | ushakov wrote:
         | do you have a tutorial how to use it?
         | 
         | the main page is a bit overwhelming
        
           | maxime_cb wrote:
           | There is a help page to get you started:
           | 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
        
         | greg7gkb wrote:
         | 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!
        
         | ogig wrote:
         | > One of my all-time favorites is this one:
         | https://noisecraft.app/101
         | 
         | I have to agree. Already spent 10 minutes only with the cutoff
         | and res.
         | 
         | Impressive work on the app, kudos!
        
         | quijoteuniv wrote:
         | Awesome! It worked quite alright on my mobile i have to say.
        
           | maxime_cb wrote:
           | Nice. What kind of device are you using?
        
             | nickphx wrote:
             | I'm on a pixel 6, using chrome and it worked rather well.
        
         | ycombinatorrio wrote:
         | Thank you internet stranger for all the work you have done
         | there
        
           | maxime_cb wrote:
           | No problem :)
           | 
           | I should mention that this is open source too:
           | https://github.com/maximecb/noisecraft
        
       | lbj wrote:
       | Very impressive. How long have you been working on this?
        
         | maxime_cb wrote:
         | Since 2019 on and off in my spare time. I've found motivation
         | comes and goes and I actually spent one year not working on it
         | at all, but resumed work in 2021.
        
       | necro wrote:
       | Hats off. Great interface and i enjoyed making a few simple beats
       | which is probably a very small part what the system is capable
       | of. Thank you
        
         | maxime_cb wrote:
         | Thank you. The UI is pretty basic but I tried to design it in
         | such a way that the functionality would feel intuitive to
         | newcomers, with as few hidden features as possible. I picked
         | this project to share because I figured that it was very easy
         | for people to play with by editing the pattern, without needing
         | to understand how the sound synthesis works.
        
       ___________________________________________________________________
       (page generated 2022-05-01 23:00 UTC)