🎵 Introducción

DrumPi DRG es una caja de ritmos completa que te permite crear patrones de batería directamente desde tu navegador. Con 16 kits de sonido, efectos de audio y controles avanzados, puedes componer loops complejos y creativos.

🎛️ Controles Principales

▸ BPM (Tempo)

• Botones rápidos: Haz clic en 60, 80, 90, 100, 120, 140, 160, 170 para cambiar instantáneamente
• Input manual: Escribe cualquier valor entre 10-200 en el campo azul resaltado
• Selector de género: Usa Lo-Fi (70-90), Hip Hop (80-100), House (120-130), DnB (160-180)

▸ Resolución y Compases

• Resolución: Cambia entre 16, 12 o 4/4 steps visibles en el grid
• Compases: Trabaja con 1, 2, 3 o 4 compases (cada uno de 16 steps)

▸ Volumen Master

• Controla el volumen general de salida con el slider
• El porcentaje se muestra en tiempo real

🥁 Kits de Sonido

Tenemos 16 kits predefinidos:

▸ Aplicar Kit a Todos los Componentes

• Checkbox "☑ Aplicar a todos": Activa esta opción antes de seleccionar un kit
• Sin marcar (predeterminado): El kit se aplica solo al pad seleccionado actualmente
• Marcado: El kit se aplica a TODOS los 8 componentes (Kick, Snare, HH-C, HH-O, Clap, Tom, Crash, Ride)
• Uso: Ideal para cambiar rápidamente todo el set de batería de una vez

Ejemplo: Marca "☑ Aplicar a todos" y haz clic en "Trap" para que todos los componentes usen samples del kit Trap.

🎹 Grid de Pasos (Sequencer)

• Click en casilla: Activa/desactiva un step (se ilumina en azul)
• 8 filas: Cada fila es un instrumento (Kick, Snare, HH-C, HH-O, Clap, Tom, Crash, Ride)
• Steps: Cada columna es un "tiempo" del patrón (16, 32, 48 o 64 según compases)
• Botón ▶ Play: Reproduce el loop completo
• Botón ⏹ Stop: Detiene la reproducción

🎚️ Efectos de Audio

Cada pad tiene 5 efectos ajustables con sliders:

• Reverb: Añade eco/espacio (delay con feedback)
• Delay: Eco seco sin feedback
• Filter: Filtro pasa-bajos (quita agudos)
• Distortion: Saturación armónica
• Glitch: Bitcrusher digital (efecto retro/8-bit)

Cómo usar: Selecciona un pad y ajusta los sliders en el panel de efectos. Los cambios se aplican en tiempo real.

🎲 Generador Aleatorio

• Selector de Estilo: Elige un estilo musical (Trap, Techno, Afrobeat, etc.)
• Checkbox "Usar estilo": Si está marcado, el random generará patrones según el estilo
• Botón 🎲 Random: Genera un patrón aleatorio instantáneo
• Controles de densidad: Ajusta cuántos pads y steps se llenarán

💾 Guardar y Cargar Patrones

• 💾 Save: Guarda tu patrón actual con un nombre personalizado
• 📂 Load: Abre el modal para cargar patrones guardados previamente
• 🗑 Clear: Borra todos los steps del patrón actual

🎛️ Editor de Kits

Accede con el botón 🎛️ Kits:

• Crear Kit: Asigna 8 samples personalizados a un nuevo kit
• Eliminar Kit: Borra kits personalizados
• Explorar Samples: Ve todos los samples disponibles en el servidor

🎚️ Mixer de Componentes

• Ajusta el volumen individual de cada instrumento (Kick, Snare, HH-C, etc.)
• Solo: Silencia todos los demás instrumentos
• Mute: Silencia solo ese instrumento

🎹 Sintetizadores

Abre el panel lateral de synths para generar sonidos sintéticos:

• Type: Forma de onda (sine, square, sawtooth, triangle)
• Attack/Decay: Envolvente del sonido
• Frequency: Tono del synth
• Enable/Disable: Activa o desactiva el synth en cada pad

⌨️ Atajos de Teclado

• Espacio: Play/Stop
• Ctrl+S: Guardar patrón
• Ctrl+O: Cargar patrón
• Ctrl+Shift+R: Refrescar navegador (limpia caché)

🔧 Solución de Problemas

• No suena: Haz clic en cualquier parte de la página para activar el audio
• Sonido roto/distorsionado: Usa el botón 🔄 Reload para recargar todos los samples
• Cambios no se ven: Refresca con Ctrl+Shift+R para limpiar la caché del navegador
• WebSocket desconectado: Verifica que el servidor esté corriendo en el puerto 8765

💡 Tips y Trucos

• Combina varios estilos usando el generador aleatorio
• Usa efectos sutiles (10-30%) para texturas naturales
• Experimenta con glitch al 100% para efectos 8-bit extremos
• Mezcla kits diferentes por pad para sonidos únicos
• Guarda múltiples variaciones de un patrón para crear arreglos

DrumPi DRG v1.0 - Desarrollado con ❤️