Tutorial

Learn Our Tools.

Master the Music Producer Lab sequencers with this complete guide. Learn the drum sequencer for beats (velocity, tempo, swing, humanization), the piano roll for chords and melodies, the Synth Playground for oscillator/filter/envelope practice, and Song Studio for synchronized multi-track workflow.

Video Lesson

Watch the full tools walkthrough.

This lesson follows the page from top to bottom and explains how each MPL tool works in practice: step grid, velocity, tempo, swing, pattern hints, humanization, piano roll, synth workflow, and Song Studio.

Start With Step Grid Jump To Synth
Core Feature #1

Step Grid Programming

What is the Step Grid?

The step grid is the heart of our sequencer. Each row represents a drum sound (Kick, Snare, Hi-Hat, etc.), and each column represents a step in time (typically 16 steps = 1 bar).

How to Use:

  1. Click any button to activate that step - the sound will play when the sequencer reaches that step
  2. Click again to deactivate the step
  3. Active steps are highlighted with the instrument's color
  4. Current playing step is indicated by a cyan outline as the sequencer plays

Try It Now: Step Programming

Click the step buttons below to activate/deactivate them. Then press Play to hear your pattern!

Challenge: Try creating a basic "four on the floor" pattern by clicking Kick on steps 1, 5, 9, and 13!
Pro Tip: Start simple! Try placing kicks on steps 1, 5, 9, and 13 for a basic "4 on the floor" pattern.
Core Feature #2

Velocity Controls

What is Velocity?

Velocity controls how loud or soft each individual step plays. It's measured on a scale from 0 (silent) to 127 (maximum volume), following the MIDI standard.

Understanding the Interface:

  • Numeric Labels (top): Shows the current velocity value (0-127) for each step
  • Visual Bars (middle): Color-coded bars that fill up based on velocity - taller = louder
  • Sliders (bottom): Horizontal sliders with grooved track - drag left (quieter) or right (louder)
  • Directional Indicator: A subtle arrow (◀) shows the direction - left decreases, right increases velocity

How to Use Velocity:

  1. Drag the slider left (quieter) or right (louder) for each step
  2. Watch the number change at the top to see the exact value
  3. Watch the bar fill up or down to visualize the volume
  4. Hover over the ⓘ icon next to "Velocity" for a quick reminder

Common Velocity Ranges:

  • 0-30: Ghost notes (barely audible, subtle touches)
  • 60-80: Medium dynamics (standard notes)
  • 100-127: Accents (emphasized, powerful hits)

Try It Now: Velocity Control

Click to activate steps, then drag up/down on each step to adjust its velocity (volume). Watch the blue bar fill as you drag!

Challenge: Create a hi-hat pattern with varying dynamics - try alternating between loud (127) and soft (40-60) hits for a natural groove!
Musical Tip: Varying velocity creates more natural, human-sounding rhythms. Try setting snare backbeats to 110-120 and hi-hats between 60-90 for a groove that breathes!
Core Feature #3

Tempo Control

What is Tempo?

Tempo controls how fast your pattern plays, measured in BPM (Beats Per Minute). Higher BPM = faster music, lower BPM = slower music. Setting the correct tempo is crucial - it defines the energy, danceability, and genre of your track.

Important: Many exercises require you to set a specific BPM before checking your work. Look for tempo instructions in the exercise steps!

How to Use:

  1. Look for the "Tempo" slider below the sequencer (it's always visible)
  2. Drag the slider to adjust BPM (range: 60-180 BPM)
  3. The display shows your current tempo in BPM format (e.g., "120 BPM")
  4. Adjust while playing to hear how tempo changes the feel in real-time!
  5. Set the required tempo before clicking "Check Exercise"

Common Tempo Ranges by Genre:

  • 60-80 BPM: Hip-Hop, Trip-Hop, Ballads
  • 90-110 BPM: Reggae, Dub, Downtempo
  • 120-130 BPM: House, Techno, Pop
  • 140-180 BPM: Drum & Bass, Dubstep, Hardstyle

Try It Now: Tempo Control

Click steps to create a pattern, then adjust the tempo slider to hear how speed changes the feel!

120 BPM
Challenge: Try the same pattern at 80 BPM (slow hip-hop), 120 BPM (house), and 160 BPM (drum & bass)!
Pro Tip: Every lesson specifies a required tempo that's optimal for the pattern. Always set the tempo to the specified BPM in the exercise instructions - this ensures your pattern sounds correct and passes validation. You can experiment with different tempos, but make sure to set it back to the required BPM before checking your work!
Core Feature #4

Swing Control

What is Swing?

Swing adds a "shuffle" feel to your rhythm by slightly delaying every other step. It creates a more laid-back, groovy feel - think jazz, boom-bap, or old-school hip-hop.

How to Use:

  1. Find the "Swing" slider in Advanced Controls
  2. 0% = No swing (straight, mechanical timing)
  3. 50% = Maximum swing (triplet feel, heavy shuffle)
  4. Start with 10-20% for subtle groove, 30-40% for pronounced shuffle

When to Use Swing:

  • Jazz, Blues, Swing music (obviously!)
  • Boom-bap Hip-Hop (J Dilla, MF DOOM)
  • Funk, Soul, R&B grooves
  • Four-on-the-floor House/Techno (usually straight)
  • Trap, Dubstep (precise timing preferred)

Try It Now: Swing Control

Create a hi-hat pattern, then adjust swing to hear the difference between straight and shuffled timing!

0%
Challenge: Try 0% swing (straight), then 55% (boom-bap feel). Can you hear the "drunk" shuffle?
Listen Closely: The difference between 0% and 15% swing is subtle but powerful. Play your pattern with and without swing to train your ears!
Core Feature #5

Pattern Hints

What are Pattern Hints?

Pattern Hints are lesson guides that show the target drum pattern you are trying to recreate. In MPL they appear as a separate Target Pattern panel above the sequencer, with one row per instrument and highlighted step numbers.

How to Read Pattern Hints:

  1. Step numbers light up on the positions you need to activate
  2. Each row matches one instrument (kick, snare, hi-hat, etc.)
  3. Some lessons also highlight special fill or accent zones, but the main goal is still step placement
  4. Use the panel as a guide, but try to understand the why behind the pattern

Learning Strategy:

Try building the pattern without looking at the hint panel first. Then compare your result against the target pattern. This builds pattern recognition and helps you internalize rhythmic concepts.

Remember: Pattern hints are training wheels. The goal is to eventually understand the rhythm well enough to create similar patterns on your own!
Core Feature #6

Humanization Controls

What is Humanization?

Humanization adds natural, human-like variations to programmed patterns. Real drummers don't play with robotic precision—they have subtle timing and velocity differences that create groove and feel.

Humanization Controls:

  1. Enable Checkbox: Turn humanization on/off to compare robotic vs. human feel
  2. Timing Slider (0-50ms): Adds random timing shifts to each hit (±milliseconds)
  3. Velocity Slider (0-50%): Varies the volume/intensity of each hit randomly
  4. Preset Buttons: Quick access to professionally-tuned humanization settings

Available Presets:

Subtle — 8ms timing / 15% velocity
Barely noticeable—keeps pattern tight but alive
MPC 60 — 15ms timing / 25% velocity
Classic hip-hop swing and feel
Loose — 30ms timing / 35% velocity
Relaxed, laid-back feel for soul/R&B
Live — 20ms timing / 40% velocity
Simulates real drummer variation

When to Use Humanization:

  • Rock/Live Drums: Use "Live" preset for authentic drummer feel
  • Hip-Hop: MPC 60 preset adds that classic boom-bap character
  • Electronic Music: Keep it subtle or off for tight, precise grooves
  • Hi-hats: Benefit most from humanization—try 10-15ms timing

Try It Now: Humanization Control

Load a pattern, then toggle humanization ON/OFF to hear the difference. Adjust timing and velocity sliders to find your perfect groove!

0ms

Randomizes note timing by ±milliseconds

0%

Randomizes note volume/intensity

Quick Presets:

Challenge: Load the pattern, play it with humanization OFF (robotic). Then enable it and try the "MPC 60" preset. Can you hear the groove come alive?
Pro Tip: Start with humanization OFF to build your pattern perfectly on the grid. Then enable humanization to add life. Toggle it on/off to hear the difference—it's subtle but makes all the difference!
Core Feature #7

Piano Roll Sequencer

What is the Piano Roll?

The Piano Roll is the note editor used in harmony, melody, bass, and now synth-based lessons. Unlike the drum sequencer's step grid, the piano roll lets you create pitched musical ideas - chords, melodies, bass lines, and one-bar synth phrases with precise pitch control.

Understanding the Interface:

  • Vertical Axis (Left): Piano keys showing note names (C4, D#4, E4, etc.) - higher notes at the top
  • Horizontal Axis (Top): Step numbers showing time positions (1, 2, 3...)
  • Grid Cells: Click any cell to place a note at that pitch and time
  • Beat Markers: Vertical cyan lines mark each beat (every 4 steps) for easy timing
  • Note Bars: Orange bars show active notes - width indicates duration

How to Use the Piano Roll:

  1. Click a grid cell to add a note at that pitch and step
  2. Click an existing note to delete it
  3. Click piano keys (left column) to preview that note's sound
  4. Drag note handles (left/right edges) to change duration or start position
  5. Drag note vertically to change its pitch
  6. Use the transport to play and stop the phrase while you edit
  7. Scroll horizontally when a lesson uses longer patterns (64+ steps)

Visual Features:

  • White keys: Natural notes (C, D, E, F, G, A, B) - lighter background
  • Black keys: Sharp notes (C#, D#, F#, G#, A#) - darker background
  • Scale highlighting: Notes in the current scale have subtle cyan tint
  • Beat columns: Thick cyan borders mark each beat for precise timing
  • Scroll indicator: Cyan banner appears when pattern needs horizontal scrolling

Chord Detection:

The piano roll can detect and display chords as you build them. When you place multiple notes at the same time position, the Chord display helps you read what harmony you have created while you are editing.

Piano Roll Tips:

  • Building Chords: Click 3 notes vertically aligned (same step) to create triads
  • Creating Melodies: Place single notes across different steps horizontally
  • Precise Timing: Use the beat markers (cyan lines) to align notes with beats
  • Listen First: Click piano keys to hear notes before placing them
  • Long Patterns: If you see "← Scroll horizontally to see all steps →", drag the grid left/right

Common Piano Roll Use Cases:

Harmony Lessons: Build chord progressions (I–IV–V, ii–V–I)
Bass Lines: Program walking bass, synth bass, sub bass
Melody Creation: Compose lead melodies, hooks, motifs

Try It Now: Piano Roll Sequencer

Click on the grid to place notes. Try building a C major chord (C-E-G) on step 1, then create a simple melody!

Challenge: Build a C major chord (C4-E4-G4) on step 1, then create a melody by placing single notes on different steps!
Pro Tip: The same piano-roll logic now supports Harmony & Melody, Bass & Low End, and the synth workflow. Start with simple triads or one-bar phrases, then build more complex lines as the lessons progress.
Essential Controls

Playback Controls

Control Your Sequencer

Play Button:

Starts the sequencer loop. It will continuously play your pattern until you stop it.

Stop Button:

Stops playback and resets to the beginning (step 1).

Clear Button:

Removes all active steps, giving you a clean slate. Use this to start over.

Check Pattern:<

(Lesson mode only) Validates your pattern against the target. You'll see success or error feedback.

→ Next Lesson:

Unlocks after successfully completing the lesson. Takes you to the next challenge!

Shortcut Tip: You can adjust tempo, swing, and velocity while the sequencer is playing to hear changes in real-time. Experiment freely!
Bonus Feature

Synth Playground

Practice Synthesis Without Leaving the Browser

The Synth Playground gives you a dedicated grid for synthesis exercises with oscillator lanes, filter behavior, ADSR movement, and velocity dynamics. It is designed to reinforce the Sound Design module with hands-on reps.

It now uses the same full synth interface as the lessons, paired with the same piano-roll workflow used across harmony and melody practice, so you can patch the tone and write a one-bar phrase in the same flow.

Recommended glossary terms: Oscillator, LFO, FM Synthesis, Modulation Matrix.

Advanced Workflow

Song Studio

Build Full Loops With Global Sync

Song Studio combines three synchronized tracks in one page: drum sequencer, bass/synth lane, and harmony piano roll. You get a single transport, bus mixer (volume/pan/mute/solo), and one-click WAV master bounce.

Use this when you want to move from single-exercise practice to complete mini-arrangement sketches while keeping all tracks locked to one tempo grid.

Quick Reference

Common Questions

"I can't hear any sound when I click steps"

Make sure to press the Play button. Steps only make sound when the sequencer is playing. You can also check your device volume.

"My velocity sliders aren't showing up"

Velocity controls only appear in advanced lessons (Lesson 7+). Earlier lessons focus on basic step programming first.

"The 'Check Pattern' button says I'm wrong, but my pattern looks correct"

In velocity-enabled lessons, both step placement and velocity values must match! Check your velocity sliders carefully.

"How do I save my progress?"

Progress auto-saves in most lessons! Your pattern is stored locally in your browser. Completing a lesson unlocks the next one.

"Can I create my own patterns in sandbox mode?"

Yes! Some lessons have a sandbox mode where you can experiment freely without validation. Look for lessons marked "Sandbox" or "Free Play".

Ready to Create?

Now That You Know The Tools

You've mastered the interface. Time to put your skills into action with 175 hands-on lessons covering drums, harmony, bass, mixing, and more.

Start Learning Now Back to Home
175
Lessons
10
Categories
100%
Free