◯ ◯
Midnight ballad
Long circles. Room for silence.
THE DRUMHEAD REMEMBERS · EST. 2026Don’t just play
Don’t just play
the rhythm.
Paint it.
A brush. A circle. A little swing. Turn the smallest movement into a living jazz composition — and leave your rhythm on the drumhead.
Headphones suggested · No sign-up · Made in your browser
01 / SWEEPDRAW A CIRCLE
02 / TAPFIND YOUR PULSE
03 / LOOPLEAVE A TRACE
A tiny invitation — Draw slowly. Lift your brush. Let the silence finish the phrase.
LIVE BRUSH STUDIO00:00 / 08 BEATS
Make your first circle.DRAG TO SWEEP · TOUCH TO TAP
Every rhythm leaves a trace.
1234
Sound is off. Start the audio, then touch the drum.
01 / DrawSweep slowly. Let a circle breathe.
02 / LayerLoop a gesture. Tap a second voice.
03 / KeepYour performance becomes a brushprint.
01 / YOUR INSTRUMENT
Small gestures. Infinite shades.
Shape your touch, find a pulse, invite the band. One performance flows through the whole studio.
TWO-HAND JAZZ
Give each hand a voice.
Record a loop, switch hands, then overdub. Multitouch assigns a second finger to the other hand. Recording replaces nothing; Clear starts again.
GHOST ENSEMBLE
A little company.
A synthesized bass and piano follow the studio tempo. The next bar responds to your recent touch intensity. An algorithmic practice partner, not a recorded band.
02 / GROOVE LIBRARY
Borrow a gesture. Make it yours.
Four starting points, not rules. Load a sketch, listen, then add your own marks.
∿ · ∿ ·
Sunday swing
Soft circles. Accents on 2 and 4.
◯ · ·
Waltz in blue
Three beats, one floating gesture.
· ∿ ··
Bossa sketch
A light, syncopated study.
Loading a sketch replaces the current take. Save your work first. These are illustrative practice patterns, not transcriptions of a named drummer.
03 / RHYTHM MICROSCOPE
A circle is a shape. A groove is time.
The timeline turns your movement into a map of intensity. Gaps are part of the rhythm, too.
0GESTURE EVENTS
0.0sLOOP DURATION
0%CONTACT COVERAGE
THE IMPOSSIBLE CIRCLE
Same shape. Different time.
Draw one circle evenly, then another with a sudden burst of speed. Compare the taller marks on the timeline. Geometric accuracy does not guarantee a steady pulse.
50% is an even division; 62% delays the second subdivision.
04 / BRUSHPRINT
Keep the rhythm you left behind.
A visual portrait and a WAV of your brush loop. Timing and hand identity travel with the session file.
YOUR PRIVATE LITTLE RECORD
Every rhythm leaves a trace.
Exports stay on your device. WAV captures the recorded brushes only; the live trio is not included. Keep a JSON session to replay or edit later.
05 / FIELD NOTES
The science behind the whisper.
A listening guide to sweep, tap, pressure, and the spaces in between.
A hundred wires, one soft voice.
A jazz brush spreads fine wires across a drumhead. Instead of a single brief impact, a sweep creates many tiny contacts over time. Coated heads offer a textured surface for that friction. Wire spread, angle, head texture, and touch all affect the sound. A real brush and drum offer a richer physical response than a screen can reproduce.
Sweep is a gesture. Swing is a relationship.
A sweep is a motion across the head; swing describes a musical feel involving subdivision, accents, and phrasing. Drawing a circle does not automatically create swing. Try a continuous left-hand sweep with a few right-hand taps. Listen to how accents change the phrase even when the path stays the same.
The first ninety seconds.
Start the sound at low volume. Spend ten seconds making a slow circle, then tap once near the center. Press Record for a two-bar take; recording ends automatically and the loop begins. Switch hands and press Record again to add accents. Bring in the trio, then stop and export a portrait. You can also play a tap with Space while the drum has keyboard focus.
What this instrument models.
This edition uses procedural, filtered noise for brush friction and short resonant tones for taps. Motion speed and pressure control the sound envelope and filter; it does not use recorded brush samples. Mouse users set intensity manually. Compatible pen and touch devices can add pressure; hardware support varies. The ghost path is a timing guide rather than a technique assessment.
06 / A LITTLE GUIDANCE
Before the next chorus.
Answers for the studio, your sound, and your data.
Why is there no sound?
Press Enter the sound first. Browser audio needs a user gesture. Check the master volume, device volume, mute switch, and Bluetooth output. If audio was interrupted, press the sound button again. No microphone permission is needed.
Does Record use my microphone?
No. It records timestamped gestures, not environmental audio. Each take lasts the selected two or four bars. New takes overdub the existing loop. Tempo changes stretch the recorded timing proportionally.
Can I play with two fingers?
Yes, on compatible multitouch screens. The first pointer uses the selected hand and another pointer uses the other hand. Use one-finger circular sweeps and short taps. The drum captures touch scrolling only inside its surface; scroll elsewhere to explore the page.
Are my compositions saved automatically?
The latest session is stored locally in this browser when storage is available. It is not an online account or cloud backup. Clearing browser data can remove it. Download the session JSON for a portable backup. Do not import untrusted or oversized session files.
Is this a realistic drum lesson?
It is a creative rhythm laboratory and introductory listening aid. Screen friction, latency, pressure, and synthesized timbre differ from an acoustic snare. Use a real drum and a qualified teacher for grip, posture, and detailed brush technique.
Every rhythm leaves a trace.
About the atelier
Jazz Brush Canvas is an independent browser-based music and drawing experiment. Its purpose is to make the relationship between gesture, rhythm, and visual memory approachable. The studio runs locally and requires no registration. Educational notes describe the limitations of the simulation as well as its possibilities.
Privacy & cookies
The instrument does not request a microphone, camera, or an account. Gesture sessions may be stored in browser local storage; Clear removes the current take. Downloads are generated on your device. Blogger and Google advertising services may process technical information and use cookies according to their own policies. Ad personalization and consent depend on the existing Google ad configuration and your region.
Google Privacy Policy · Google My Ad Center
Feedback & contact
For a technical issue, include your browser, device, and the action that failed. Contact the publisher through the public Blogger profile linked below. Do not include private recordings or sensitive personal information.
Publisher profile ↗