Gesture Synth guide

How to use Gesture Synth

Set up your camera, learn what each hand controls, and build a short chord performance without guessing at the gesture map.

Before you start

Use a desktop or laptop in a well-lit space. Place the camera so both hands fit comfortably in frame, and keep your hands separated enough for MediaPipe to identify them. Gesture Synth asks for camera access only after you choose Start playing; it never requests your microphone.

  1. Open the play page and choose Start playing.
  2. Allow camera access, then wait for the hand model and game HUD.
  3. Keep your left hand on the left side of the camera view and your right hand on the right.
  4. Begin with one clear gesture per hand before adding movement.
Start Gesture Synth

Left hand controls

Your left hand chooses the scale degree. One through five extended fingers select I through V. VI uses index and pinky; VII adds the thumb. Turn the left wrist to move between major and minor harmony.

Closed left hand fist for no command

No command

Closed fist. Releases the current chord after a short stabilization delay and acts as a silent rest.

Left hand index finger for scale degree I

I / i

Index finger. Major mode shows I, minor mode shows i.

Left hand index and middle fingers for scale degree II

II / ii

Index and middle fingers. Selects the second scale degree.

Left hand three raised fingers for scale degree III

III / iii

Index, middle, and ring fingers. Selects the third scale degree.

Left hand four raised fingers for scale degree IV

IV / iv

Four raised fingers with the thumb tucked. Selects the fourth scale degree.

Left hand five raised fingers for scale degree V

V / v

Five extended fingers. Selects the fifth scale degree.

Left hand index and pinky for scale degree VI

VI / vi

Index and pinky only. This is a special combination, not a finger-count gesture.

Left hand thumb, index, and pinky for scale degree VII

VII / vii

Thumb, index, and pinky. This special combination selects the leading-tone degree.

Right hand controls

Your right hand chooses chord quality. One to four raised fingers select the available voicing; a closed fist silences the chord. Keep the shape steady briefly so the stabilizer can commit the gesture.

Closed right hand fist for no command

No command

Closed fist. Selects no chord quality and silences the current chord after a short stabilization delay.

Right hand one raised finger for quality 1

Quality 1

One raised finger. Major mode plays Major, minor mode plays Minor.

Right hand two raised fingers for quality 2

Quality 2

Two raised fingers. Plays the first inversion version of the current chord.

Right hand three raised fingers for quality 3

Quality 3

Three raised fingers. Major mode plays Major 7th, minor mode plays Minor 7th.

Right hand four raised fingers for quality 4

Quality 4

Four raised fingers. Major mode plays Dominant 7th, minor mode plays Diminished 7th.

Octave, volume, and filter

Add the right thumb to a quality gesture to play that chord one octave lower. Move the right hand higher in the frame for more volume, and tilt the right wrist to sweep the synth filter.

Right hand thumb and index finger for quality 1 octave down

Quality 1 (-8ve)

Thumb plus index finger. Plays the low-octave Major or Minor version.

Right hand thumb, index, and middle fingers for quality 2 octave down

Quality 2 (-8ve)

Thumb, index, and middle fingers. Plays the low-octave first inversion.

Right hand thumb, index, middle, and ring fingers for quality 3 octave down

Quality 3 (-8ve)

Thumb, index, middle, and ring fingers. Plays the low-octave seventh chord.

Right hand five raised fingers for quality 4 octave down

Quality 4 (-8ve)

Five extended fingers. Plays the low-octave Dominant or Diminished seventh.

Volume

Move the right hand up and down in the camera frame. Higher hand position raises volume.

Tone / filter sweep

Tilt the right wrist inward or outward. The synth sweeps tone and filter color from that wrist angle.

Major / minor

Tilt the left wrist to switch between major and minor context.

A first practice loop

Leave the default key in place and show one right-hand finger for the simplest quality. With your left hand, move slowly through I, IV, V, and back to I. Once each change is stable, use right-hand height to fade the loop in and out, then add a gentle filter sweep.

When that feels reliable, read the Gesture Synth chord guide for inversions, seventh chords, and a G major example.

Troubleshooting

No camera: connect a webcam or check that another application is not already using it.

Unstable gestures: improve front lighting, keep hands fully visible, and separate overlapping fingers.

No sound: confirm browser audio is enabled and show both a left-hand degree and a right-hand quality.

For permission and network details, read the camera privacy policy.

Gesture Synth tutorial FAQ

Do I need a webcam to play Gesture Synth?

Yes. The full game uses camera-tracked hand gestures as its primary input and works best on a desktop or laptop with a reliable webcam.

Does Gesture Synth use my microphone?

No. The play page requests video only and explicitly disables microphone capture.

Is camera video uploaded?

No. MediaPipe reads camera frames in your browser to detect hand landmarks. The Gesture Synth application does not upload or store your camera video.

Why is a chord silent?

Keep both hands visible. The left hand must select a chord degree, while the right hand must show one to four raised fingers for a chord quality.