Rhythm Sync Demo

Watch the mascot dance to your beat

120 BPM

BPM Control

Tap 4+ times in rhythm to detect BPM

Beat-Synced Gestures

Rhythm Controls

💡 How it works:
Tap Tempo - Improved algorithm filters outliers, auto-starts on 4th tap
Manual BPM - Use slider for exact tempo (60-200 BPM)
Beat-Synced Gestures - Buttons pulse and glow on each beat
Active Highlighting - Green highlight shows which gesture is syncing
Auto-Start - Rhythm visualization starts automatically on detection

📖 Technical improvements:
• Outlier filtering: Removes bad taps using median deviation
• Rolling window: Uses last 8 taps for accuracy
• Visual feedback: Button transforms, gradient reversal, beat pulse animation
• Continuous updates: BPM recalculates on every tap (not just at 4)
• Auto-clear: Old taps removed after 12 to keep detection fresh