This track was created with Scribbletune in the browser with Tone.js in the Chicago JavaScript meetup on Sep 26. It is dedicated to the organizers of Chicago JavaScript Meetup and all the wonderful people who turned up for my talk on Creating EDM with JavaScript.

js.chi created live with Scribbletune

This is a arpeggio generated with JavaScript using the Scribbletune library. Here is the documentation for how this is done https://scribbletune.com/documentation/core/arp

This is an example produced with the Arp method available in Scribbletune. For more info, please visit https://scribbletune.com/examples/riff

Riff

This is a melody created with Scribbletune. Here's the article that outlines how this was done: https://scribbletune.com/examples/melody

Simple - Melody

This simple track is made with Scribbletune. Please visit scribbletune.com to learn how you can produce electronic music with JavaScript.

Chords

A simply drum beat with a bassline. All created with Scriibbletune and rendered with Ableton Live and Ozone with a simply note length automation.

Scribble - Drummer

This is a sample created with Scribbletune patterns using this script:

const scribble = require('scribbletune');

const funkyDrummer = {
  kick: 'x-x---x---x--x-R',
  snare: '----x--x-[xR]-xx--[xR]',
  ch: 'xxxxxx[xR]-xxxxx-x[x[RR]]',
  oh: '-------[xR]-----x-R',
};

for (const p in funkyDrummer) {
  scribble.midi(
    scribble.clip({
      pattern: funkyDrummer[p].repeat(4), // Repeat the pattern to get 4 bars
      notes: 'c4',
      subdiv: '16n',
    }),
    'funkyDrummer_' + p + '.mid' // Give a name to your MIDI file
  );
}

Running this script produced 4 MIDI files that were imported into Ableton Live and rendered with few drum samples. Please visit scribbletune.com for more information on how you can create such patterns with JavaScript!

Funky Drummer

This a render of a MIDI file produced with Scribbletune. Documentation & script: https://scribbletune.com/examples/chord-progressions

Arpeggiated chord progression with Scribbletune

This a simple random chord progression generated using Scribbletune. Read the article to learn how you can generate these chords https://scribbletune.com/examples/random-chords

Random Chord Progression 1

This is the second random chord progression from the article on Scribbletune.com https://scribbletune.com/examples/random-chords

Random Chord Progression 2

Scribbletune is a JavaScript/Node.js module that lets you compose music with JavaScript String and Array methods. It works in the browser (with Tone.js) and also in the terminal to export MIDI files (with jsmidgen). Lastly, it helps you create Max for Live devices too!

Funky Drummer

Scribbletune

Related tracks