HNHacker News
TopNewBestAskShowJobs

drumnickydrum

203 karma · joined May 10, 2021

Software Engineer and Musician based in NYC
submissionscomments
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Thank you! I'm excited to see what's next, though I feel pulled in many directions. With native apps I can make real performance and UI gains, with web apps I can continue exploring the wild world of javascript (which I've grown to love.)
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Thx to another comment's suggestion I've just added numpad support to play it like an mpc. Let me know if that helps !

It was designed mobile first where I find the input to be very fast, but yes, on desk/lap the buttons are way slow.

drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
I would be thrilled to stay connected. Do reach out.
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Not as far as I can tell. What are you seeing?
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
The source is open :) https://github.com/drumnickydrum/sequencer64

I can't say what exactly is next for the app. My top priority right now is to get hired as an engineer, and I built this to hone my skills.

My career as a musician came to a standstill last March and I feel I'm now ready to enter the software arena.

drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
I stayed up super late one night playing around with weird css combinations to make the analyzer do amazing things and ended up scrapping most of them to improve performance. It was a bit of an afterthought and I could certainly figure out a way to optimize it.

Do you still gig?

drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
I got tired of code camp assignments!
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
I'm working on a medium article as we speak. It's more about the journey from drumming to software, but does get a bit in depth with some of the challenges of S64.

Thankfully the timing is handled by the Tone.js framework. It allows you to sync events with a callback function which passes in a 'time' argument that keeps everything in line.

drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
I hadn't thought about that direction of interaction. Very interesting. I agree, now that I think about it, that there are definitely a lot more interactions that can come off of the grid cells. Great suggestion.
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Wow that site is super fun :) As far as the sequencer, head over to the save menu. If you 'share' your sequence it actually generates a link you can save. (It's not storing the data in the link as the full sequence data is too long at once for a url string.)
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Thanks for the great suggestion... I've just added it! It's a pwa so close all tabs and refresh a couple times to make sure the changes take effect :)
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Thank you! I'm so glad it's accessible to everyone :)
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Oddly I'm finding there are much more audio performance issues in production even though all warnings pointed to worse in development.

It was an extreme challenge to make this thing work cross-browser/os/device. I may look into some performance diagnostics if playback isn't great for enough users. Thx for the report.

drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Thx! Menu dive a bit and you can re-pitch the clap. There is some, though not robust, MIDI support I will eventually be looking into. What do you mean exactly about saving a pattern as a long link?
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Thank you :) I'm so glad people are enjoying it. Share a beat!
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Thx for the suggestion. I've just added it. It's a pwa so close all tabs and refresh a couple times to make sure the changes take effect.
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Thanks :) And not just for reusability of components... React's memoization features helped me prevent so much unnecessary re-rendering (the grid alone has about 1000 divs.)
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
It's funny how the ability to swipe around has me putting odd rolls in places I wouldn't think to as a drummer. Glad you like it.
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Been looking into it. Looks like it's an old safari issue related to Media Recorder (for downloading your sequence.) I'll play around to make sure the ux is right regarding this bug.
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
A knob to vary swing... coming up! thx :)
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
I agree it would be fun to add a little chaos. I have some feature ideas on the todo list, one of which is a 'snake' traveler that disrupts the cells with an effect/glitch.
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Wow. Thx for finding this. I'll get on it. Which version of macOS?
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Thank you :) Don't be bashful... share your beat!
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Like falling in love with a new discipline much like when I first started playing drums. Complete (but healthy) obsession. And marrying the two together with the app kept me going for 10 weeks straight without getting bored with it. Excited to keep growing.
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Thanks :) Make some beats!
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Bizarre... what is your device/os?
drumnickydrum··on Show HN: A 64-step drum sequencer I built using React and Redux
Author here. I’m a professional musician of 15 years transitioning into software development.

With this app I aimed to create an intuitive and usable drum sequencer that would run in the browser . I’ve always wanted to be able to program beats longer than 16 notes and see each instrument playing at the same time.

It’s built using React, Redux, and a fabulous web audio library called Tone.js.

This is the capstone to my learning to code which started in sept 2020. I was thrilled to be able to build something that combined my history in drumming and music production.

Happy to answer any questions!

EDIT: Link sharing was not working right but has been resolved. Share your beats! (You will have to re-save to generate a new url)

EDIT: Part I of the article is live: https://drumnickydrum.medium.com/from-funk-to-functions-da86...

← PreviousPage 2 of 2