Web MiniPops

Una reinterpretazione web del classico rhythm box O2 Minipops. Progetto esperimento per testare la rapidità di interpretazione e sviluppo di Cursor è Claude 3. Ogni linea di codice, file readme compreso, è scritto sfruttando calude 3.

🎵 Descrizione

Web MiniPops è un rhythm box digitale che ricrea fedelmente i pattern ritmici del classico O2 Minipops in un'interfaccia web moderna e intuitiva. Il progetto mantiene l'essenza dell'originale mentre aggiunge funzionalità moderne e accessibilità attraverso il web.

✨ Caratteristiche Principali

Pattern Ritmici

• 15 pattern preimpostati classici:
  • Hard Rock (16 step)
  • Disco (16 step)
  • Reggae (16 step)
  • Rock (16 step)
  • Samba (16 step)
  • Rumba (16 step)
  • Cha-Cha (16 step)
  • Swing (16 step)
  • Bossa Nova (16 step)
  • Beguine (16 step)
  • Synthpop (16 step)
  • Boogie (12 step)
  • Waltz (12 step)
  • Jazz Rock (12 step)
  • Oxygen (12 step)

Strumenti

• 8 strumenti percussivi:
  • GU (Guiro)
  • BG2 (Bongo 2)
  • BD (Bass Drum)
  • CL (Claves)
  • CW (Cowbell)
  • MA (Maracas)
  • CY (Cymbal)
  • QU (Quijada)

Controlli Interattivi

• 🎛️ Interfaccia grafica intuitiva con griglia step sequencer
• 🔊 Controllo individuale per ogni strumento (attivazione/disattivazione)
• 🎚️ Controllo del numero di step (12 o 16)
• ⏯️ Controlli di riproduzione (Play/Pause/Stop)
• 🔄 Selezione rapida dei pattern preimpostati

Funzionalità Avanzate

• 💾 Possibilità di salvare pattern personalizzati
• 📤 Esportazione dei pattern
• 📥 Importazione dei pattern
• 🎨 Tema scuro moderno per una migliore esperienza utente
• 🔧 Pannello di amministrazione per gestione avanzata

🚀 Come Iniziare

1. Apri il file minipops.html nel tuo browser web
2. Seleziona un pattern preimpostato dal menu a tendina o crea il tuo pattern
3. Usa i controlli di riproduzione per avviare il rhythm box
4. Personalizza il pattern attivando/disattivando gli step per ogni strumento

🎨 Interfaccia

• Griglia Principale: Visualizza gli step per ogni strumento
• Controlli Strumenti: Toggle switch per attivare/disattivare ogni strumento
• Controlli Pattern: Selezione del pattern e numero di step
• Controlli di Riproduzione: Play, Pause, Stop
• Gestione Pattern: Salvataggio, importazione ed esportazione

💡 Ispirazione

Questo progetto è basato sul rhythm box O2 Minipops di DSP Synthesizers (2016), portando l'esperienza hardware nel mondo web moderno mantenendo la qualità e l'essenza dei pattern originali.

🛠️ Tecnologie Utilizzate

• HTML5
• CSS3 (con design responsive)
• JavaScript (Vanilla)
• Web Audio API per la generazione dei suoni

---

Sviluppato con ❤️ come tributo al classico O2 Minipops