Show HN: Randomly generated metal riffs using Web Audio API and React

http://djen.co/

by frogboy • 10 years ago

275 42 10 years ago

djen.co

midgetjones• 10 years ago

This is an amazing piece of work! Would love to know a bit more about the implementation.

And I really wasn't expecting the settings to be such a goldmine.

justsaysmthng• 10 years ago

This is crazy, man ! Fantastic work !

I generate a riff and continue working, then I go and generate another one ...

Future of music right here.

anonjdgpogjsop2• 10 years ago

Excellent work ! I saw many random music generators, and this might be the best. I showed it to a coworker playing in a metal band, he's stunned ! It sounds really good.

tcfunk• 10 years ago

Awesome tool, and great URL to boot :)

bravura• 10 years ago

Really interesting project. Can you give a brief description of the algorithm?

Also, would it be possible to export MIDI, or some other format where you could drop in your own samples?

actsasbuffoon2• 10 years ago

It seems to be based around the classic Meshuggah formula.

Basically, pick an unusual time signature and play the guitars and kick drum in that time signature. The kick drum should always be played at the same time as the guitar note. Then play hats/cymbals/snare at 4/4 over that. Other than that, I think it just randomly selects one of the samples you checked-off at a randomly chosen duration.

It's astonishing how good this sounds. It's even more impressive considering how simple it appears to be. I've tried writing music generating algorithms before, and they all sounded terrible. I suppose the genre helps, as djent is expected to make rapid and somewhat jarring changes, so it fits right in.

mlinhares• 10 years ago

Can we get some european power metal style generators in place? :P

anonjdgpogjsop2• 10 years ago

Unlimited random-generated Children Of Bodom-like solos :O I would sell my body for this.

kowdermeister2• 10 years ago

Amazing job :) I'd love to see it with deephouse or techno sounds. It's so tempting to fork the repo.

Here's my madness: http://djen.co/#share/opYJd9

eddywebs• 10 years ago

I would be down to work on deep house and techno fork with you !

kowdermeister2• 10 years ago

I checked the code, it's probably as simple as rewriting the `src\scripts\app\utils\default-instruments.js` file and replace the samples. Presets won't work because they rely on the ID string.

I have like 100GB of samples, it might take a while :)

The key here is to pick chords and pads from the same scale.

I'm bit busy now, but on the weekend I might give it a shot. If I make any progress, you will find it here: https://github.com/tiborsaas/djent

cpeterso• 10 years ago

While not quite what you're looking for, "Acid Defender" is a WebAudio game that generates random acid house sequences as part of the game play:

http://cappel-nord.de/webaudio/acid-defender/

virgil_disgr4ce• 10 years ago

Hehe!! I love this. Did you record the samples or did you get them from somewhere? The overall all audio and production quality is actually top-notch, with the exception of clipping the samples on rapid cuts. Great work!

sidthekid• 10 years ago

Messing around in the settings feels like telling a talented child what to play - it can technically play anything but isn't sure what to go for! http://djen.co/#share/gN3Ao9

andreasklinger• 10 years ago

Amazing. Add basic beat and transitions and i could listen to it all day

column• 10 years ago

I'm impressed. Congrats! I would love to be able to generate a 3 minutes long tune with this

On Android's Chrome the URL shown under "Share this URL:" weirdly glitches the selection sliders.

Love the beginning of http://djen.co/#share/OkR9gw TUMMM TUMDUM

EDIT : You should add a "Download" option because man do I want that as a ringtone

QuantumRoar• 10 years ago

The first web app that blows my knees out!

Excellent work!

dshapiraa• 10 years ago

Very well done. The music was addictively responsive to even the smallest settings change.

6stringmerc• 10 years ago

Wicked fun and glad to get a chance to test it out. Excellent results with tweaking parameters, at least to my ears. Functional and appealing, well for those into this sort of heavy chug style (djent), which I get a kick out of most of the time. Spiffy!

shritesh• 10 years ago

Now we need to plug Compressorhead to this.

https://compressorhead.rocks

edibleEnergy• 10 years ago

Nice! I read a little bit about the Web Audio API but haven't gotten a chance to try anything with it yet, this sounds awesome.

testoruin• 10 years ago

awesome stuff, i love it, also i forked it but cant share the url. google api changed but nothing happens when i hit share riff. where are the files saved? keep up the awesome work!

billmalarky2• 10 years ago

Can you make the settings link more prominent. I left the page before even noticing it. Came back because of the comments.

frogboy• 10 years ago

How does that look now?

billmalarky2• 10 years ago

Better, but in my opinion it should be styled as a button not just text.

It doesn't feel like a part of the tool since it appears outside of the initial box.

I understand you put it outside of the box because it loads more boxes below the entire tool, and now that I know about it it makes "sense." But my initial impression is to ignore anything outside of that box.

I think your best bet for brand spanking new users is to place it as a button inside the box in between the "generate rift" and "play" button to make it stand out.

You're literally hiding 80% of this tool from initial users. I clicked "generate" a few times then bounced at first.

Futurebot• 10 years ago

This is hilariously good. Great work

gmarx• 10 years ago

Tried three times and like one. Pretty good. Sounds like Helmet

rajangdavis• 10 years ago

Amazing!

grimmdude• 10 years ago

Ha, I love this. Love the name too, great job

Udik• 10 years ago

Sounds great. Now somebody needs to train a deep learning network to recognise the good riffs and it's done, heavy metal is cracked.

6502nerdface• 10 years ago

The "safari bug" error message appears for me even though I'm using Google Chrome, not Safari, on my ipad. Is that intentional?

actsasbuffoon2• 10 years ago

Chrome on iOS isn't a from-scratch browser. It's a basic WebView with some Chrome related data syncing. That means Chrome on iOS has more in common with mobile Safari than it does with desktop Chrome.

Any bugs you encounter in mobile Safari are probably present in iOS Chrome as well.

mstade2• 10 years ago

I have absolute no idea what I'm doing, but damn I feel like a rock star! Kudos!

BHSPitMonkey• 10 years ago

Along these lines, someone posted a neat Web Audio driven chord progression arpeggiator yesterday: http://codepen.io/jakealbaugh/full/qNrZyw/

Comments: https://www.reddit.com/r/web_design/comments/4qmgxo/musical_...

whorace• 10 years ago

I love it! The instrument selection is good. It generates some brutal riffs with catchy rhythms. As a guitarist, I think this tool is great for finding inspiration and maybe breaking out of a creativity rut.

lunch• 10 years ago

This is insanely rad. Great job.

stockkid• 10 years ago

This is so good. Why did u get djen.co instead of djent.co?

mclovinit• 10 years ago

Oh how I love this.

sebhack• 10 years ago

I'm a electric guitar player myself, and that's amazing.

The source code is MIT (https://github.com/RossMcMillan92/djent) but I wonder if the same applies to the audio samples.

Show HN: Randomly generated metal riffs using Web Audio API and React

Related Stories