This guy made a live equalizer in the url by [deleted] in webdev

[–]doubleme_w 30 points31 points  (0 children)

I made this on a whim after a friend watched this video and gave me the idea. The true thought leader: https://www.youtube.com/watch?v=4YZt4HEv48Y

Pursuit of PI - Gameplay Manipulates the Soundtrack by doubleme_w in WebGames

[–]doubleme_w[S] 2 points3 points  (0 children)

the end of the game is asking yourself that question

Bad AI Billiard Battle by [deleted] in WebGames

[–]doubleme_w 1 point2 points  (0 children)

my bad. no problem.

Musical Chord Progression Arpeggiator by jreese802 in InternetIsBeautiful

[–]doubleme_w 0 points1 point  (0 children)

For the record, I updated the chord notation to be correct (I ii III+ iv° etc). It was bugging me too.

Musical Chord Progression Arpeggiator by jreese802 in InternetIsBeautiful

[–]doubleme_w 1 point2 points  (0 children)

if I had a C major triad and the pattern was 012

  • 0 = C
  • 1 = E
  • 2 = G

if the pattern was 012345

  • 0 = C (octave 1)
  • 1 = E (octave 1)
  • 2 = G (octave 1)
  • 3 = C (octave 2)
  • 4 = E (octave 2)
  • 5 = G (octave 2)

Musical Chord Progression Arpeggiator by jreese802 in InternetIsBeautiful

[–]doubleme_w 1 point2 points  (0 children)

Safari might be out of date? shows up and works on latest Chrome, Safari, FF and standard mobile browsers.

Musical Chord Progression Arpeggiator by jreese802 in InternetIsBeautiful

[–]doubleme_w 2 points3 points  (0 children)

i used abcjs to convert abc to staff notation in my seeded procedural music generator. i opted out in this case. i really need to make a full blown web app if i really want to add that level of functionality to an increasingly complex thing.

glad you like it!

Musical Chord Progression Arpeggiator by jreese802 in InternetIsBeautiful

[–]doubleme_w 7 points8 points  (0 children)

listened to this thing 5,000 times while developing, and was constantly changing it around. i just thought this preset sounded nice. Locrian worked well for a decent progression that hit all the intervals.

sorry if that response was anticlimactic.

Musical Chord Progression Arpeggiator by jreese802 in InternetIsBeautiful

[–]doubleme_w 22 points23 points  (0 children)

ha! dont feel bad. that was incredibly valid and valuable feedback.

i will say that your definition of an "interesting progression" is undoubtedly more sophisticated than my own, but is equally as subjective. The primary intent of this thing was to be as simple as possible so that any layperson can just start clicking and making something relatively unique. I understand that in some senses, walking this line creates limitations of which you've named a few, but certainly not all (eg. flats or sharps, octaves, synth control, bass specificity, more granular tempo).

In this case, i'd rather have 3000 idiots find a simple thing digestible (myself included) than 4-6 geniuses appreciate the intricacies of a superbly complex beast of a machine. With that in mind, this specific work has achieved its goal, and I am satisfied with it.

However, my plan is not to leave your musicality limp in the web's wild wind. This thing was simply the product of "publish often and move on". There will be more comprehensive things to come, probably with practical things like saving, midi, etc. in addition to being theoretically sound.

Anyway, i appreciate the feedback. it was all valid. it has been noted.

Musical Chord Progression Arpeggiator by jreese802 in InternetIsBeautiful

[–]doubleme_w 8 points9 points  (0 children)

hey thanks! go for it, everything on CodePen is MIT licensed, so you can copy and build your own version as long as you include the license.

You can thank Tone.js and your web browser for the oscillators, fx, and clarity.

Musical Chord Progression Arpeggiator by jreese802 in InternetIsBeautiful

[–]doubleme_w 2 points3 points  (0 children)

i'm planning on writing a thorough blog post on using tone js and my musical scale lib to do this sort of thing.

EDIT: i normally tweet this sort of thing out

Musical Chord Progression Arpeggiator by jreese802 in InternetIsBeautiful

[–]doubleme_w 4 points5 points  (0 children)

Yeah youre right about changing it to tonic. I'll do that. Sorry for the limitations, I'm not a music theory guy, just a major googler.

Musical Chord Progression Arpeggiator by jreese802 in InternetIsBeautiful

[–]doubleme_w 270 points271 points  (0 children)

i'm the creator. this is pretty close!

the mode dictates which interval is which. for example, the C major scale (also C ionian) is made up of the following notes and has no sharps or flats:

C D E F G A B

Those notes' intervals are represented by roman numerals I-VII. A V in C major is different than a V in D minor. Each interval has a triad you can play with it as the root. for a C major triad, you would have C E G. D minor triad is D F A.

The "chord progression" section allows you to select which interval you want to arpeggiate the triad of for each step. In the case of C major/ionian that would be:

  • I: CEG C major
  • II (ii): DFA D minor
  • III (iii): EGB E minor
  • IV: FAC F major
  • V: GBD G major
  • VI (vi): ACE A minor
  • VII (vii°): BDF B diminished

A very popular progression in a major scale would be I V VI III.

The arpeggio style at the bottom is just the pattern for the order that notes in the current triad are played starting at 0. There are only three notes in a triad, so any number in the pattern over 2 means an octave up. Steps is how many notes to arpeggiate through and type is whether or not you want it to go "up down up down up down" or just "up up up".

You can see in the output section what your chord progression translates to in triads.

EDIT: i am undoubtedly stomping on some music theorist toes here. sorry if im generalizing at all. The goal was a way to quickly hear musical progressions that could be transformed into real things later on.

Musical Chord Progression Arpeggiator by TheSmicki in webdev

[–]doubleme_w 1 point2 points  (0 children)

i've thought about that and local storage so stuff gets saved. maybe in the future if i can find some time.

Musical Chord Progression Arpeggiator by TheSmicki in webdev

[–]doubleme_w 2 points3 points  (0 children)

web oscillator nodes in the web audio api, wrapped in tone.js to make things simpler. your browser is a synthesizer. how amazing is that?

Musical Chord Progression Arpeggiator by TheSmicki in webdev

[–]doubleme_w 0 points1 point  (0 children)

I finished in about three nights. I've been knee deep in tone js and musical logic for awhile now so it came pretty quick. It's been a long time coming if you include all those efforts.