Online Beat Maker with Chord Progressions
The Math Behind the Music
For all its homage to creativity (and that is true, it is), music is at its heart mathematical. We can no sooner take math out of music than we could remove its beat. Song, composition, and melody have internal fixed logic and rules. Our online beat maker and keyboard allow you to experiment with composition, in music circles this is called noodling, so that is what we call it, a Noodler.
Table of Contents
Why are there such strict implicit rules? First hypothesized by Charles Darwin, the theory is that music emerged as a protolanguage, a simplified form of communication. Researchers believe the first language of man relied on rhythm to communicate meaning, as the larynx sat higher than in modern men, making complex vowel articulation impossible. Meaning was conveyed through the beat, and words were simplified and lacked prominence. Instead, words were compressed and conveyed with sound to stand in for units of meaning.
From tantalizing artifacts, we can also see that early man used rudimentary rhythm tools, stones, rocks, and logs to accent those sounds.
It remains part of our DNA; rhythm is instinctive within us, we still hold the beat within us.
Online Beat Maker
Just like our Polyrhythm Tool, our online beat maker tool generates beats. The first box lets you set the chord progression to send to the keyboard, the key it will be played in, the number of bars, the preset, and the tempo. This generates a sequence of complicated beats composed of kick, snare, hi-hat, bass, and melody components. This whole sequence can then be sent to the keyboard below. In the keyboard, you can add chord, sustain, and reverb, and add or remove drums, bass, chords, or melody, as well as adjust tempo. It is a simplified form of improvisation to spark new beginnings or enhance compositions.
Understanding the Math
To understand the underlying math organization of our online beat maker tool, we can look at the step sequencer. Each box can either be turned on or off; there is no in-between. This is what is referred to as a binary choice, a series of on and off, one or zero, it rolls forever until commanded to stop. This is our loop of drum sounds, beats either sounding or not.
Just like our beat is either zero or one, the keyboard is set in a base of twelve. After 12, a keyboard goes back to its first position (called a modular sequence); in the keyboard’s case, note C to note C, a complete octave span. The noodler takes the selected key and applies it to the twelve-note sequence to calculate where chords should be placed.
A chord consists of keyboard keys played simultaneously or in tandem. A major chord is the root note, plus 4 semitones, plus 7 semitones, and a minor chord is the root, plus 3, plus 7. Based on the nature of the twelve notes, this is all computable mathematically.
Chords are mathematical; each key is set to a specific, ordered frequency. The formula is 440 × 2^(n/12), where 440 is the frequency of the note A4 (the A above middle C), and n is how many semitones away the note is. All 88 keys are defined. Our tool uses real instruments uploaded mp3 samples, but could easily just have been generated by computer-calculated notes. The drum beats are computer-generated.
Why did we choose to use real instruments? We did this because in real life, notes that are played by humans on traditional instruments are not truly mathematically perfect. There are tiny variations in timing, force, and sound. The ear finds this pleasing; if everything is the same sound-wise, it is not as engaging as notes that slightly vary. This being a tool that, of course, is being calculated by code, how do we introduce the element of surprise? The humanize slider attempts to address this issue, adding the little imperfections that let the mind wander.
This is the whole point of our online beat maker tool, actually, to let the mind wander in the sound and think of lyrics or melodies that can overlay. Sometimes you might hear something, sometimes you may not; it is a chance when inspiration hits. The keyboard allows you to play notes over the generated chords and beat sequence to write simple melodies.
🎵 The Noodler
Noodler Keyboard — Concert Hall
Hold Space = sustain · Keys: A–K white, W/E/T/Y/U sharps · Key colors: strong = root, medium = chord tones, light = in scale
Getting Started
Noodling is music is similar to the concept of doodling in art. You let your mind wander with the notes, thinking about what completes the sound or what lyrics sound right. A good noodler hears a sequence and builds on it.
Using the Noodler
Pick a Chord Progression from the dropdown, 17 options across pop, jazz, blues, and world styles, organized into groups. Some progressions (12-bar blues, Folia) will lock the number of bars to match their specific structure.
Set your Key, Bars (4–32), and Tempo. The chord timeline above the grid updates automatically to show which chord plays in each bar.
Choose a Beat Preset, Rock, Pop, Funk, Bossa Nova, Jazz Swing, Blues Shuffle, Ballad, or Empty if you want to draw your own pattern.
Drag the Humanize slider to add life to the playback, timing variation, ghost notes, velocity shifts, and occasional fills. 0% is mechanical; 100% is loose.
The Grid
Click any box to toggle it on or off. Each row is a track: Kick Snare Hi-Hat Bass Melody. Bar boundaries are marked with a darker left border.
Changing the Progression preserves your drum pattern; only the bass and melody rows are cleared. Changing Bars rebuilds the whole grid.
Click Clear Grid to clear everything, or use Beat Preset again to re-stamp the drums over whatever you have drawn.
Section Markers
Click any bar label in the colored strip above the chord timeline to tag it as Intro Verse Chorus Bridge or Outro.
Section data travels to the Keyboard with the groove.
Sending it to the Keyboard
Press ► Play to preview your groove. When you’re happy, hit ↓ Send to Keyboard. The status bar confirms when it’s been received.
Noodler Keyboard
A playable piano that loads your groove as a backing track. Play along using your mouse, touch, or computer keyboard.
Playing the Keyboard
Click or tap any key to play it. Computer keyboard shortcuts map to the C4 octave: A–K for white keys, W, E, T, Y, U for sharps. The hint bar at the bottom of the widget lists them.
Hold Space to sustain any note you’re playing, it extends the release tail. Toggle the Sustain button to keep it on permanently.
Chords: ON adds a major third and fifth above every key you press, giving you instant chord stabs. Turn it off for single-note playing.
Reverb: ON adds concert hall ambience. Turn it off for a drier, more intimate piano sound.
Key colors show you where you are in the harmony: strong blue = root, medium = chord tones, light = in scale. These update with each chord as the backing track plays.
Backing Track
After sending a groove from The Noodler, press Play Backing Track. Piano samples load first, wait for the status bar to say Piano ready.
Use the layer toggles — Drums Bass Chords Melody, to mute or unmute individual parts while the track loops. Good for practicing melody-only or dropping the drums out.
Adjust Tempo with the slider at any time during playback. The chord panel highlights the current bar as the track loops.
If you edit the sequence in The Noodler and send it again, the keyboard automatically picks up the new arrangement. Stop and restart the backing track to hear the changes.