Tokyo Nightclub Synthesizer & Drum Machine

Tokyo Neon DJ Launchpad, Beat Maker & Mix Studio

Trigger 12 glowing RGB DJ pads, sequence 16-step TR-808 and Shibuya club grooves, sweep the resonant low-pass filter, drop bass risers and vinyl scratches, and export clean 2-bar WAV loops right in your browser.

Tempo: 126 BPM Step: 1 / 16 DJ Filter: 18,000 Hz
12 RGB Live Trigger Pads (Touch / Keys Q–V)
SHIBUYA CLUB ANALYZER · 60 FPS
8-Track × 16-Step Club Sequencer (Click cells to toggle steps) Spacebar = Play/Stop · Keys Q W E R / A S D F / Z X C V = Trigger DJ Pads

How the Tokyo Neon DJ Launchpad & Web Audio Drum Synthesizer Work

Modern electronic music production relies on three core building blocks: velocity-responsive sample/synth launchpads for live finger-drumming, a 16-step X0X-style pattern sequencer for locking in four-on-the-floor or syncopated rhythms, and a master resonant DJ filter deck for building tension before a bass drop. Tokyo Neon DJ Launchpad & Beat Maker integrates all three systems inside a single zero-dependency browser studio.

Instead of downloading heavy megabytes of external audio samples that slow down mobile browsers, every drum hit, 808 bassline, laser sweep, vinyl scratch, and supersaw synth chord is synthesized mathematically in real time using your browser's native Web Audio API.

How to Make Beats & Perform Live DJ Drops

  1. Start a Genre Groove: Click ▶ Play Groove or choose one of the 5 built-in club presets (Shibuya Cyber-House, Tokyo Drift Phonk 808, Big-Room Festival EDM, Outrun Neon Synthwave, or Midnight Shinjuku Lo-Fi).
  2. Jam on the 12 RGB Launchpad Pads: Tap the 12 glowing neon pads (or press keys Q W E R, A S D F, and Z X C V on your keyboard) to fire live Vinyl Scratches, Festival Airhorns, Laser Zaps, Pitch Risers, and Sub Bass Drops over the running sequencer.
  3. Program the 8-Track × 16-Step Matrix: Click any step button along the 8 instrument rows to customize your kick, snare, clap, hi-hat, cyber tom, acid bass, and neon synth plucks in real time without stopping playback.
  4. Sweep the DJ Filter & Trigger Stutter FX: Drag the DJ Low-Pass Filter Sweep slider down to `250 Hz` (or toggle Underwater Filter) to muffle the beat like a club buildup, hold 1/16 Stutter for rapid beat-repeat rolls, and release at step 1 for a full-spectrum drop.

Mathematical Timing, Swing & Drum Synthesis Formulas

To lock step timing accurately across tempos from 70 BPM to 175 BPM while synthesizing punchy analog-style percussion, the engine evaluates three mathematical models:

1. 16th-Note Step Duration & Groove Swing Offset:
T_step = 15 / BPM seconds, Δt_swing(even_step) = T_step × (Swing_Pct / 100) × 0.5

2. TR-808 Sub-Bass Kick Pitch Envelope:
f_kick(t) = 42 Hz + 118 Hz × e^(-t / 0.028 s) [Rapid membrane transient + deep sub tail]

3. Master Biquad Low-Pass DJ Filter Transfer Roll-off (-12 dB/octave):
|H(f)|² = 1 / [ (1 - (f / f_c)²)² + (f / (Q · f_c))² ]

12 Neon Launchpad Voices & Synthesis Architecture Reference

Pad & Shortcut DJ Sound Name Web Audio Synthesis Topology Primary Frequency Range
Pad 1 [Q] 808 Sub Kick Pitch-swept Sine oscillator + saturating click transient 160 Hz → 42 Hz sub-bass
Pad 2 [W] Crispy Club Snare Triangle body (185 Hz) + High-pass white noise snare wires 185 Hz + 1.8 kHz–7 kHz
Pad 3 [E] 909 Hand Clap Triple micro-delayed band-pass noise bursts (11 ms apart) 1,150 Hz band-pass Q=1.8
Pad 4 [R] Closed Hi-Hat 6-oscillator metallic square bank + 7,500 Hz high-pass filter 7.5 kHz – 14 kHz crisp tick
Pad 5 [A] Open Cymbal Hat Metallic harmonic cluster with 320 ms shimmering decay 6.8 kHz – 13.5 kHz sizzle
Pad 6 [S] Cyber FM Tom Frequency-modulated sine carrier + exponential pitch drop 240 Hz → 95 Hz punch
Pad 7 [D] Laser Synth Zap Resonant sawtooth downward sweep across 4 octaves 2,800 Hz → 110 Hz zap
Pad 8 [F] Turntable Scratch Bidirectional pitch-warped sawtooth + band-pass vinyl friction 320 Hz ↔ 1,450 Hz whip
Pad 9 [Z] Festival Airhorn 3 detuned sawtooth horns (root + minor third + fifth cluster) 466 Hz / 554 Hz / 698 Hz
Pad 10 [X] Pitch Riser Sweep Upward-gliding supersaw + opening resonant filter sweep 220 Hz → 1,760 Hz buildup
Pad 11 [C] Sub Bass Dive Long 1.4-second cinema sub-bass dive with harmonic drive 130 Hz → 32 Hz sub drop
Pad 12 [V] Tokyo Neon Chord Polyphonic minor-9th supersaw chord stab (A–C–E–G–B) 220 Hz – 987.77 Hz lush stab

Safe Client-Side WAV Export & Server Protection

When you click Export 2-Bar WAV, the studio renders two bars of your active beat locally inside your browser using the Web Audio OfflineAudioContext API and packages a standard 44.1 kHz 16-bit stereo WAV file directly in device memory. Because zero bytes are requested from or uploaded to the server, your export is instantaneous, completely private, and protected by a built-in 15-second rate-limit cooldown so browser memory is never overloaded.

Pair your DJ beats with these verified interactive musical instruments and synthesizers on Gemsmakers:

Interactive Virtual Piano Keyboard Play a 10-voice polyphonic browser piano with chord pads, scale guides, metronome, and fullscreen stage mode. Interactive Virtual Violin Online Bow sustained notes or pluck pizzicato strings across G3, D4, A4, and E5 with 10 orchestral string voices. Thumb Piano Pluck (Kalimba Tines) Pluck resonant kalimba tines in turn and listen to acoustic beat frequencies settle into harmony. Harmonica Reed Bend Control breath pressure and expressive pitch bending across a virtual reed chamber. Bell Harmonic Tune Strike and shape resonant metallic bell harmonics and long decay envelopes. All Music, Sound & Calm Tools Browse the complete Gemsmakers directory of interactive instruments, audio mixers, and soundscapes.

Frequently Asked Questions

1. How do I make a beat using the 16-step sequencer and 12 DJ launchpad buttons?
Click Play Groove (or choose one of the 5 Genre Presets like Shibuya Cyber-House or Tokyo Drift Phonk) to start the 16-step drum loop. Click any step cell in the 8-row grid to toggle kicks, snares, claps, hi-hats, and bass notes on or off, while jamming live over the beat using the 12 glowing neon DJ pads or your computer keyboard.
2. How are the 808 kicks, vinyl scratches, laser zaps, and airhorns synthesized without external audio files?
Every sound is synthesized mathematically in real time using the Web Audio API. The 808 Sub Kick sweeps a sine oscillator from 155 Hz down to 42 Hz; the Snare and Clap layer band-pass filtered white noise bursts with tonal body transients; the Vinyl Scratch modulates a sawtooth/noise carrier with rapid bidirectional pitch envelopes; and the Neon Chord stacks detuned supersaw oscillators.
3. How is the step sequencer timing calculated from BPM and swing?
In 4/4 time, one quarter-note beat lasts 60 / BPM seconds, so each 1/16th-note step lasts 15 / BPM seconds. Applying a Swing percentage delays every even-numbered 16th step by Δt = (15 / BPM) × (Swing_Pct / 100) × 0.5, giving electronic patterns a human groove.
4. How does the Export 2-Bar WAV Loop feature work without using server bandwidth?
When you click Export 2-Bar WAV, your browser's OfflineAudioContext synthesizes two full bars of your current sequencer pattern directly inside your device's local RAM, formats a standard 16-bit PCM WAV header, and downloads it locally. Zero audio data is generated on or downloaded from the web server, and a 15-second cooldown prevents browser memory abuse.
5. Can I play the DJ Launchpad in Fullscreen Portrait or Landscape mode on my phone?
Yes. Click Fullscreen Landscape or Fullscreen Portrait at the top of the deck to hide all secondary documentation and expand the glowing neon DJ pads and step sequencer across 100% of your mobile or desktop screen.
6. Which computer keyboard keys trigger the 12 neon DJ pads?
Keys Q, W, E, R trigger the top row (808 Kick, Snare, Clap, Closed Hat); keys A, S, D, F trigger the middle row (Open Hat, Cyber Tom, Laser Zap, Vinyl Scratch); and keys Z, X, C, V trigger the bottom row (Festival Horn, Riser Sweep, Sub Drop, and Neon Chord).