Un emulador de Launchpad interactivo basado en web que permite cargar, reproducir y manipular sonidos a través de una interfaz tipo grid. Perfecto para músicos, productores y entusiastas del audio digital.
- 🎹 Grid de 8x8 pads interactivos
- 🎵 Soporte para carga y reproducción de archivos de audio
- 🎨 Personalización de colores para cada pad
- 🖼️ Soporte para imágenes en pads
- 🎯 Drag & drop de sonidos predefinidos
- ⌨️ Control mediante teclado
- 🎼 Integración con dispositivos MIDI (Novation Launchpad)
- 🔄 Animaciones visuales
- 📱 Diseño responsive
- HTML5
- CSS3
- JavaScript (ES6+)
- Web MIDI API
- Web Audio API
- Clona el repositorio:
git clone https://github.com/pandafter/LauchpadWEB.git-
Navega al directorio del proyecto:
-
Abre
index.htmlen tu navegador o usa un servidor local.
| Tecla | Función |
|---|---|
| Q-I | Primera fila de pads |
| A-K | Segunda fila de pads |
| Z-M | Tercera fila de pads |
| 1-9 | Pads de control |
| Space | Detener todos los sonidos |
- Click Izquierdo: Reproducir/Detener sonido
- Click Derecho: Menú contextual
- Cargar Audio
- Cambiar Color
- Cambiar Imagen
- Eliminar Audio/Imagen
- Conecta tu Novation Launchpad
- Click en "Conectar MIDI"
- Selecciona tu dispositivo
- ¡Listo para usar!
launchpad-emulator/
├── index.html
├── styles.css
│
├── lauchpad.js
- Fork el proyecto
- Crea tu rama de características (
git checkout -b feature/AmazingFeature) - Commit tus cambios (
git commit -m 'Add some AmazingFeature') - Push a la rama (
git push origin feature/AmazingFeature) - Abre un Pull Request
Este proyecto está bajo la Licencia MIT - ver el archivo LICENSE.md para detalles.
Tu Nombre
- GitHub: @tu-usuario
- LinkedIn: @tu-usuario
- Web MIDI API
- Web Audio API
- Novation por la inspiración del Launchpad
- Soporte para múltiples bancos de sonidos
- Guardado de configuraciones
- Exportación/Importación de proyectos
- Modo performance
- Efectos de audio
- Secuenciador integrado
⌨️ con ❤️ por Nicolas Leyva