[__max__]

I too feel a little cynical, because I built basically exactly this back in 2012. Before Google, and before Ableton. AFAIK, it was the first grid sequencer online. The first version used the Mozilla audio API, before Web Audio was even a thing. I wish I was credited for the inspiration somewhere, but I guess it's very possible that this is an independent reinvention.

I called it MusicToy: http://maximecb.github.io/MusicToy/#aaaaaaaaaaaaaaaaaaaaaaaa...

It's almost exactly the same, with the pattern encoded in the URL, but it also has drum samples, and it has very few dependencies (no need for node or any web frameworks). I personally prefer having time go from left to right because that's how most sequencers work, and our monitors tend to be wider than they are tall.

I also made an updated, more advanced version (MusicToy 2) in 2019: https://mt2.musictools.live/

[samizdis]

Coldcut, a Brit electronic music duo who also dabbled in audio/video mix software, made a simple online music tool for Absolut Vodka in 1998. (Absolut was targeting the youth market and set up a site called Absolut DJ.) Coldcut's thing was a simple grid on which you placed sound effects/samples sprites. A dot moving through the grid would play each in turn as it hit them. It was really good fun, but I can't find it now. Might have been made in Flash - or perhaps it was still known as Shockwave Flash back then.

Here's an archive article about Absolut's campaign:

https://www.campaignlive.co.uk/article/absolut-vodka-launche...

Coldcut's Wikipedia entry:

https://en.wikipedia.org/wiki/Coldcut

[reitzensteinm]

Tone Matrix predates yours by many years and was popular at the time. If you weren't aware of it, you should charitably assume OP independently built this too.

[gregschlom]

Yes, was going to say the same thing. I was playing with Tone Matrix way back in 2006 I think. It was built with Flash, and died with the rest of the flash web.

Edit: original link to tone matrix: http://lab.andre-michelle.com/ToneMatrix

[maxlaumeister]

I ported Tone Matrix to JavaScript to help keep it from dying:

https://www.maxlaumeister.com/tonematrix/

[__max__]

Tone Matrix isn't a grid sequencer though, but fair enough, I should have said the first JS-based grid sequencer, not the first grid sequencer online.

[leviathant]

'first JS-based grid sequencer'

We're all inspired by other things, and being first doesn't really count for much if you don't promote yourself. Even then, it's a roll of the dice as to if you stand out in the crowd.

If you're just going by "JS-based grid sequencer' I created one in February 2011 as part of an HTML-based emulation of a Boss DR-110 drum machine (Which I later updated to use the Web Audio API to synthesize the drum voices)

https://github.com/leviathant/BossDR110

It's skeumorphic (I was challenging the popular notion "You can do everything in HTML that you can do in Flash" at the time - it wasn't true then, but we're much closer now), I never finished out 'song mode', but it is a JS-based grid sequencer that predates your timeline. As best as I can tell, it was the first click-and-drag Javascript knob done Rebirth/Reason style - it was a little clunky, but I sure as hell couldn't find any remotely similar code to base it off of - but I don't get bent out of shape whenever I see other people making Javascript knobs.

[__max__]

Yes, we're all inspired by other things. Neither of us invented grid sequencers, or music theory.

I know there was no hostile intent, and I'm glad that OP is having fun, but hopefully you understand why I feel a slight pinch when I see something that is so close to what I've built making the rounds on HN with zero acknowledgement from OP.

If we just go by a description of features, we've both built a grid sequencer in JS, with a built in synth that is designed to play on a scale so that everything comes out "sounding good"... With a serverless architecture so that you can share the tunes with anchor tags. It's precisely the same idea. How would you feel? Would you be able to be completely detached?

I did promote MusicToy a bit. The original MusicToy made the rounds on reddit 8 years ago. MusicToy2 has had the same (small) base of active users for about 1.5 year now: https://mt2.musictools.live/

Either way, I should probably look at this as a learning experience. It shows that I didn't promote my project as well as I could have. My project could also use better mobile support in terms of auto-scaling the page for mobile displays.

[leviathant]

There's so much messaging around "if you build it, they will come" and "my work should speak for itself" that it's easy to feel defeated when someone does the same thing - often, a variation you'll even find to be inferior - but gets more recognition for it because that person was better at promoting.

Speaking for myself, I'm not great at self-promotion. It feels gross. Marketing feels gross - and, if I'm being real, it often is gross. But that's how you get recognition. Spending time to talk about yourself and your work helps to position you for that time that luck just seemed to fall in your lap.

As I was building out that JS Boss DR-110, I rounded a corner where I felt like if I really dedicated myself to putting the polish on - finishing up song mode, scrapping and rewriting the frontend styling, a live demo page with a listing of actual DR-110s for sale driven by the eBay API - I could have made a sizeable splash in whatever that niche world was. Of course, in early 2011 getting consistent timing out of Javascript doing audio playback wasn't possible - that was a considerable hindrance. But it would still be a solid groundwork for someone else's future project. I could have done a few low-key unpaid speaking engagements about it, for sure.

Then what?

Every now and then, I think about going back and rewriting the sequencer, or building an import/export routine, or implementing MIDI I/O, but I have no real desire to get into the world of creating softsynth drum machines & sequencers. It's a fun footnote, it was a good way to kick off some rust - I hadn't been doing front end code for several years by that point.

Nice job on Musictoy, and that's great that you've got a persistent userbase, no matter what the size is!

[__max__]

Thanks for the honest comment. I think you're quite right about the "if you build it, they will come" messaging, and the importance of self-promotion.

It's also OK to build projects that don't necessarily go anywhere. I recently had a music app I was developing and I had hopes for turning that into a business, but I quickly realized that in order to make the app really competitive, to have enough value that people would pay for it, it would become a job on top of my job, and that would really kill the fun. At the end of the day, side-projects like this are mostly about having fun and learning a few things.

I am happy with my small userbase. The fact that a few people keep coming back, and the app lives on its own, without me promoting it, means that some people find genuine value/enjoyment out of it. I intend to keep the app running and free for as long as it doesn't become a maintenance burden.

[irshadshalu]

> 0 acknowledgement from OP.

if it makes you feel any better, I am the author of the website and I posted the same exact link 9 hours before OP and it got 3 upvotes [0] .

then I woke up to a lot of GitHub stars on the repository and turns out this blew up.

HN works in mysterious ways.

> 0 acknowledgement from OP

I have no idea, that seems like a newly created account to me. if you have any queries or issues/feedback, you can always raise it on git or contact me.

I took this only as a learning experience and in no way to promote or market something :)

[0]: https://news.ycombinator.com/item?id=23508667

[__max__]

Thank you for responding irshadshalu, I sincerely appreciate you taking the time. I agree that HN works in unpredictable ways. I don't know if you were just more lucky than I was, or if people like your app better because the UI looks better. If that's the case, it's interesting to know.

This HN account is new-ish, but the original MusicToy blog post from 2012 is still around [1].

As far as Git goes, I would appreciate it if you had an acknowledgement somewhere that linked to the MusicToy repo[2], or just mentioned in passing in terms of inspirations/predecessors. You obviously have no obligation to do this, but it won't take away from the success of your app if you choose to do so.

I wish you the best of luck in your future endeavors, and may your success encourage you to build more great projects.

[1] https://pointersgonewild.com/2012/04/23/musictoy-music-made-...

[2] https://github.com/maximecb/MusicToy

[moron4hire]

Invention is a myth

[72deluxe]

Very enjoyable, thanks:

http://maximecb.github.io/MusicToy/#babababaaaaaaaaababababa...

https://mt2.musictools.live/#1259